@media only screen and (max-width:1600px) {
    .home-banner h1 br {
        display: none
    }

    .tour-section .single-tour {
        width: 20%
    }
}

@media only screen and (max-width:1450px) {
    .header-padding {
        padding: 0 50px
    }
}

@media only screen and (max-width:1400px) {
    .tour-section a.single-tour-link h3 {
        padding: 8px 5px;
        font-size: 14px;
        bottom: -53px
    }

    .home-banner h1 br {
        display: none
    }

    .home-banner h1 {
        line-height: 54px;
        font-size: 44px
    }

    .home-banner h1 span.one {
        font-size: 48px;
        line-height: 64px
    }

    .right-side-content .image-area .item img {
        width: 149px !important
    }
}

@media only screen and (max-width:1380px) {
    header .navbar ul li {
        margin: 0 10px !important
    }
}

@media only screen and (max-width:1366px) {
    .tour-section a.single-tour-link img {
        height: 140px
    }

    .home-banner .banner-circle p {
        font-size: 16px;
        line-height: 22px
    }

    .innerCircle {
        width: 110px;
        height: 110px
    }

    .outerCircle {
        width: 120px;
        height: 120px
    }

    .rating-circle {
        top: -20px
    }

    .culture-experience.section-top-bottom {
        margin-top: 60px !important;
        padding-top: 60px !important;
        padding-bottom: 30px !important
    }

    .easy-steps.section-top-bottom {
        padding-bottom: 60px !important
    }

    .section-padding {
        padding: 0 60px !important
    }

    .image-area .item img {
        width: 110px
    }

    .home-banner h1 {
        line-height: 60px;
        font-size: 44px
    }

    .faq-section.ccm-faqs .accordion-body p,
    .footer li,
    .footer li a,
    .footer p,
    body {
        font-size: 16px
    }

    .home-banner {
        padding: 60px 0
    }

    .home-banner h1 span.one {
        font-size: 50px;
        line-height: 60px
    }

    .simple-content ul.country-list li {
        width: 16%
    }

    body {
        line-height: 24px
    }

    h2 {
        font-size: 48px;
        line-height: 54px
    }

    .services .service-item img {
        width: 100px
    }

    h3 {
        font-size: 24px
    }

    .services .service-item h3 {
        margin: 15px 0 10px;
        font-size: 24px
    }

    .header-padding {
        padding: 0 60px
    }

    header nav.navbar {
        padding: 0
    }

    header .navbar ul li {
        margin: 0 10px !important
    }
}

@media only screen and (max-width:1300px) {

    header nav.navbar ul li a,
    header nav.navbar ul li a.active {
        font-size: 14px
    }
}

@media only screen and (max-width:1250px) {

    .header-padding,
    .section-padding {
        padding: 0 40px
    }
}

@media only screen and (max-width:1200px) {
    .tour-section .single-tour {
        width: 25%
    }

    header a.navbar-brand {
        font-size: 24px;
        font-weight: 700;
        color: #fff
    }

    header .dropdown-toggle::after {
        top: 23px;
        font-size: 22px
    }
}

@media only screen and (max-width:1140px) {
    header .navbar ul li {
        margin: 0 10px !important
    }

    header nav.navbar ul li a,
    header nav.navbar ul li a.active {
        font-size: 14px
    }
}

@media only screen and (max-width:1080px) {
    header .top-header-social ul {
        padding-left: 25px
    }

    header nav.navbar ul li a,
    header nav.navbar ul li a.active {
        font-size: 12px
    }
}

@media only screen and (max-width:1050px) {
    header a.navbar-brand {
        font-size: 24px
    }
}

@media only screen and (max-width:1024px) {
    .simple-content ul.country-list li {
        width: 20%
    }

    header nav.navbar ul li a,
    header nav.navbar ul li a.active {
        font-size: 13px !important
    }

    header .navbar ul li {
        margin: 0 7px !important
    }

    header a.navbar-brand {
        font-size: 20px
    }

    header .navbar ul {
        margin-right: 15px
    }
}

@media only screen and (max-width:992px) {

    .inner-pages-banner {
        margin-top: 115px;
    }

    .navbar-toggler-icon,
    header ul.dropdown-menu {
        background: #000 !important
    }

    section#tours {
        padding-bottom: 0 !important
    }

    .tour-section .single-tour {
        width: 33%
    }

    .rating-circle {
        top: -45px;
        right: 0;
        width: 135px;
        padding: 0 !important
    }

    .outerCircle {
        width: 110px;
        height: 110px
    }

    .innerCircle {
        width: 100px;
        height: 100px
    }

    .home-banner .banner-circle p {
        font-size: 14px;
        line-height: 22px;
        padding: 0 30px
    }

    .top-header ul li a {
        font-size: 15px;
        color: #fff !important
    }

    .easy-steps.section-top-bottom {
        padding-top: 0 !important
    }

    header .navbar ul li.nav-item.contact-us-link a {
        background: 0 0;
        padding: 15px 0 !important;
        border-radius: unset;
        border: unset;
        transition: .3s ease-in-out
    }

    .home-banner h1 {
        line-height: 64px;
        font-size: 50px;
        padding: 0 80px;
        text-align: center
    }

    .top-header.mobile-top-header .col-xxl-7.col-sm-12 {
        width: 81%
    }

    .top-header.mobile-top-header .col-xxl-5.col-sm-12 {
        width: 19%
    }

    .top-header ul.right-listing li a i.fa {
        width: 20px;
        height: 20px;
        padding: 10px;
        font-size: 14px
    }

    header .navbar-brand img {
        width: 220px
    }

    header a.navbar-brand {
        font-size: 24px !important
    }

    .simple-content .table thead th {
        vertical-align: top
    }

    .footer .footer-links-area {
        padding-top: 20px
    }

    .footer .footer-links-area h5 {
        margin-bottom: 0
    }

    .footer {
        padding-bottom: 50px;
        padding-top: 50px
    }

    div#faqs_section {
        padding-left: 12px;
        padding-right: 12px
    }

    .navbar-toggler-icon {
        display: block !important;
        width: 20px !important;
        height: 1px !important
    }

    .navbar-toggler {
        border: 1px solid #000 !important
    }

    .header-padding,
    .section-padding {
        padding: 0 20px !important
    }

    .inner-pages-banner .content-area {
        padding: 80px 0
    }

    .inner-pages-banner .content-area h1 {
        font-size: 44px;
        line-height: 60px
    }

    .section-top-bottom {
        padding: 80px 30px !important
    }

    .home-banner-form {
        margin-top: 40px
    }

    .image-area .item img {
        width: 130px;
        height: unset
    }

    .top-header {
        color: #fff !important;
        padding: 6px 0;
        background: #157efe;
        border-bottom: 1px solid #157efe !important
    }

    header {
        top: 37px
    }

    .top-header-social {
        display: none !important
    }

    header nav.navbar {
        padding: 10px 0 !important
    }

    .top-header ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .top-header ul li {
        display: inline-block
    }

    header .navbar ul {
        list-style-type: none;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        margin-top: 20px;
        margin-bottom: 20px !important;
        margin-right: 0 !important;
        display: block
    }

    header .navbar ul li {
        margin: 0 !important
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 15px 0 !important
    }

    header .dropdown-toggle::after,
    header a.nav-link.dropdown-toggle.active::after {
        display: none
    }

    .dropdown:hover .dropdown-menu {
        color: transparent !important;
        border: 1px solid #bdfc0f;
        width: unset;
        margin: 0 !important;
        display: block
    }

    header .navbar ul ul.dropdown-menu {
        margin-top: 0 !important
    }

    .dropdown-menu {
        border: 1px solid #157efe !important
    }

    .dropdown .dropdown-menu {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    header .navbar .dropdown .dropdown-menu li a.dropdown-item {
        background: 0 0 !important
    }

    .dropdown .icon {
        display: block !important;
        position: absolute;
        right: -40px;
        top: 9px
    }

    .dropdown .icon:before {
        font-family: FontAwesome;
        content: "\f0fe";
        color: #000;
        font-style: initial;
        font-size: 16px
    }

    .dropdown .open.icon:before {
        content: "\f146"
    }

    .home-banner {
        padding: 60px 0;
        margin-top: 105px
    }

    .left-side-content h1 {
        width: 460px;
        padding: 60px 140px
    }

    .left-side-content h1 span.one,
    .left-side-content h1 span.three {
        font-size: 32px;
        line-height: 34px !important
    }

    .left-side-content h1 span.two {
        font-size: 60px;
        line-height: 44px
    }
}

@media only screen and (max-width:768px) {
    form.banner-contact-form {
        padding: 15px;
        border: 1px solid #fff;
        border-radius: 10px;
        margin-top: 130px
    }

    .accordion-item .card,
    input.form-control,
    select#type,
    textarea.form-control {
        border: 1px solid #3498db;
        background: #fff;
        padding: 10px
    }

    input.form-control::placeholder,
    textarea.form-control::placeholder {
        font-size: 14px
    }

    .footer .footer-logo-area img {
        margin-bottom: 0;
        width: 249px
    }

    .homebanner-btn-section .grow_spin a {
        padding: 12px 14px !important;
        font-size: 15px !important
    }

    .right-side-content .image-area .item img {
        width: 90px !important
    }

    .right-side-content .image-area .item {
        margin: 0 38px
    }

    .right-side-content .item-1 {
        margin-bottom: 30px !important
    }

    .home-banner h1 {
        line-height: 44px;
        font-size: 34px;
        padding: 0
    }

    .home-banner h1 span.one {
        font-size: 38px;
        line-height: 54px
    }

    .rating-circle {
        top: 150px;
        right: 0
    }

    div#about_us .left-side-content {
        padding-right: 0 !important
    }

    .simple-content .content-area img.m-auto {
        padding: 20px 0 30px
    }

    .simple-content ul.country-list li {
        width: 32%;
        padding: 10px
    }

    .contact-us-page .right {
        padding-left: 12px !important
    }

    .contact-us-page .left {
        padding-bottom: 40px !important
    }

    .footer .last-col .footer-links-area {
        padding-left: 0
    }

    .section-top-bottom {
        padding: 60px 0 !important
    }

    .our-services.section-top-bottom {
        padding-bottom: 0 !important
    }

    h2 {
        font-size: 38px;
        line-height: 44px
    }

    #about_us .left-side {
        padding-right: 12px !important;
        padding-bottom: 30px
    }

    .services .service-item img {
        width: 80px
    }

    .services .service-item h3 {
        font-size: 22px
    }

    .our-services .col-lg-4 {
        display: unset
    }
}

@media only screen and (max-width:650px) {
    .left-side-content h1 {
        width: 340px;
        padding: 60px 88px
    }

    .simple-content ul.country-list li {
        width: 49%
    }

    .simple-content .table .grow_spin a,
    .transit-visa-details .table .grow_spin a {
        padding: 12px 14px !important;
        font-size: 12px
    }

    .simple-content .table tr td:last-child,
    .transit-visa-details .table tr td:last-child {
        width: 140px
    }

    .simple-content .table .grow_spin a .fa-arrow-right,
    .transit-visa-details .table .grow_spin a .fa-arrow-right {
        font-size: 11px
    }
}

@media only screen and (max-width:600px) {

    .slick-next,
    .slick-prev {
        display: none !important
    }

    .testimonial-slide .testi-item {
        margin: 0
    }

    .slick-dotted.slick-slider {
        padding: 20px 0 !important
    }

    .tour-section .single-tour {
        width: 50%
    }

    .simple-content .container-fluid .content-area>.container {
        padding: 0
    }

    .simple-content h2,
    .single-service-content h2,
    .transit-visa-details h2 {
        font-size: 34px;
        line-height: 40px
    }

    .home-banner h1 {
        line-height: 44px;
        font-size: 34px;
        text-shadow: 1px 1px 1px #000
    }

    .home-banner h1 span.one {
        font-size: 38px;
        line-height: 44px
    }

    .image-area .item img {
        width: 100px
    }

    .grow_spin a {
        padding: 15px 18px !important
    }
}

@media only screen and (max-width:575px) {
    .faq-section.ccm-faqs .accordion-button {
        line-height: 28px;
        padding: 15px 0 !important
    }
}

@media only screen and (max-width:500px) {

    .inner-pages-banner {
        margin-top: 139px;
    }

    header .navbar ul li.nav-item.contact-us-link a {
        color: #000000;
    }

    header {
        top: 61px
    }

    .home-banner {
        margin-top: 117px
    }

    .top-header ul.left-listing {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column
    }

    .top-header ul.left-listing li:last-child {
        margin-left: 0
    }

    .inner-pages-banner .content-area h1 {
        font-size: 34px;
        line-height: 44px
    }

    .section-top-bottom {
        padding: 50px 0
    }

    .left-side-content h1 span.two {
        font-size: 44px;
        line-height: 30px
    }

    .left-side-content h1 span.one,
    .left-side-content h1 span.three {
        font-size: 24px;
        line-height: 26px !important
    }

    .our-services .card-top h3 {
        font-size: 22px
    }

    .simple-content ul.country-list {
        padding-top: 20px !important
    }
}

@media only screen and (max-width:440px) {
    .home-banner h1 {
        font-size: 30px
    }

    .home-banner h1 span.one {
        font-size: 32px
    }
}

@media only screen and (max-width:410px) {
    .tour-section a.single-tour-link h3 {
        padding: 8px 15px;
        font-size: 14px;
        bottom: -72px;
        line-height: 24px;
        height: 64px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }
}

@media only screen and (max-width:400px) {
    .rating-circle {
        top: 180px
    }

    .simple-content .content-area .grow_spin a {
        font-size: 13px;
        padding: 12px !important
    }

    .simple-content ul li::before {
        font-size: 14px;
        top: 4px
    }

    .simple-content .content-area .grow_spin a .fa-arrow-right {
        font-size: 12px
    }

    .inner-pages-banner .content-area {
        padding: 60px 0
    }

    .inner-pages-banner .content-area h1 {
        font-size: 36px
    }

    h2 {
        font-size: 28px;
        line-height: 34px
    }

    .home-banner {
        padding: 45px 0
    }

    .left-side-content h1 {
        width: 280px;
        padding: 40px 80px
    }

    .left-side-content h1 span.two {
        font-size: 44px
    }

    .top-header ul li a {
        font-size: 14px
    }

    .left-side-content .image-area {
        margin-top: 20px
    }

    section#services .section-title {
        padding-bottom: 20px !important
    }

    .our-services .content-area {
        padding: 30px 20px
    }

    .testimonial .owl-nav i.fa.fa-long-arrow-left,
    .testimonial .owl-nav i.fa.fa-long-arrow-right {
        width: 60px;
        height: 35px;
        font-size: 22px !important
    }

    .footer {
        padding-bottom: 40px;
        padding-top: 50px
    }

    .footer-copyright .copyright-area .content-area p {
        text-align: center
    }

    .home-banner h1 {
        font-size: 30px;
        padding: 0
    }

    .home-banner h1 span.one {
        font-size: 34px
    }
}

@media only screen and (max-width:375px) {
    .image-area .item img {
        width: 80px;
        height: unset
    }

    .grow_spin a {
        padding: 12px 20px !important;
        font-size: 14px
    }

    .right-side-content .image-area .item {
        margin: 0 20px
    }
}

@media only screen and (max-width:360px) {
    .rating-circle {
        top: 220px
    }
}