@media(max-width:1500px) {
    .cta_after {opacity: 0.5; }
}
@media(max-width:1399px) {
    .header { width: 100% }
    .nav-bar ul li a { margin: 0 7px }
    .sec-1 .image img { width: 90% }
    .sec-2 .content h2 { font-size: 35px }
    .sec-2 .content p { font-size: 18px }
    .sec-2 ul li { font-size: 18px }
    .sec-2 .layer-images { margin: 0 32px 0 0 }
    .sec-3 .pckg-nav .heading p { margin: 20px 290px; }
    .sec-4 .package-card { height: 680px }
    .sec-4 .package-card h5 { padding: 0 130px 0 0 }
    .sec-8 .box { padding: 40px }
    .sec-8 .box p { font-size: 16px; height:120px }
    .sec-9 { background-size: contain; background-repeat: round; }
    .sec-9 .content { margin: 0 }
    .sec-9 .form ul li input, .sec-9 .form ul li textarea {width: 75%}
    .footer h4 { padding: 0 }
    .cta { background-position: bottom; padding: 23px 0 }
    .cta p { font-size: 20px }
    .cta .btns .white-btn { width: 75% }
    .cta .btns .black-btn { width: 75% }
    .abt-sec-2 .content p { font-size: 17px; }
    .ld-sec-3 .heading p { margin: 20px 255px }
    .ld-sec-3 .white-btn { width: 15%; }
    .back-to-top { right: 30px; width: 30px; height: 30px }
    .back-to-top i { font-size: 15px; line-height: 30px }
    .popup .left-popup { width: 570px }
    .popup .left-popup .heading p { font-size: 21px; }
}
@media(max-width:1199px) {
    .sec-2 ul {
}

.sec-2 ul li {
    flex: 0 0 100%;
}

h2 {
    font-size: 30px;
}

.cta_before {}

.cta_after {
    display: none;
}

h3 {
    font-size: 30px;
}
    a.logo-img img {width: 100%; }
    .nav-bar ul li a { margin: 0 1px }
    .sec-1 h4 { font-size: 20px }
    .sec-1 h1 { font-size: 30px }
    .sec-1 p { font-size: 15px }
    .sec-1 .image img { width: 80% }
    .sec-2 .content h2 { font-size: 30px }
    .sec-2 .content span { font-size: 18px }
    .sec-2 .content p { font-size: 16px }
    .sec-2 .layer-images { margin: 0 35px 0 0; }
    .sec-3 .pckg-nav .heading p { margin: 20px 260px; }
    .sec-4 .package-card { padding: 20px 15px; height: 650px }
    .sec-4 .package-card p { font-size: 12px }
    .sec-4 .package-card h5 { padding: 0 100px 0 0; }
    .sec-4 .pckg-slider .package-card { margin: 9px }
    .sec-4 .connect a { font-size: 11px }
    .sec-4 .connect span { font-size: 15px }
    .sec-5 h2 { font-size: 35px }
    .sec-5 p { font-size: 13px }
    .sec-5 .black-box h3 { font-size: 15px }
    .sec-6 {background-size: cover;}
    .sec-6 .heading h3 { font-size: 21px; width: 514px }
    .sec-6 .content ul li { font-size: 14px }
    .sec-8 .box { padding: 30px }
    .sec-8 .box p { font-size: 15px; height: 130px}
    .sec-8 .box img { width: 30% }
    .sec-9 { background-size: cover; }
    .sec-9 .content { margin: 0 0 0 10px }
    .footer .scl-network { margin: 0 }
    .cta {}
    .cta h5 { text-align: center; }
    .cta p { text-align: center; }
    .cta p { font-size: 18px }
    .cta .btns .white-btn { width: 100% }
    .cta .btns .black-btn {
        width: 100%;
        padding: 10px 0px;
        font-size: 14px;
    }
    .abt-sec-2 .content p { font-size: 14px; }
    .abt-sec-2 .btns a { font-size: 17px; }
    .abt-sec-2 .btns .btn-size { padding: 5px; }
    .ld-sec-3 .white-btn { width: 18%; }
    .ld-sec-3 .white-btn { width: 20%; }
    .ld-sec-5 .content { margin: 0 0 0 0; }
    .ld-sec-5 .content h3 { font-size: 25px; }
    .ld-sec-5 .content p { font-size: 13px; }
    .popup .left-popup { width: 480px }
    .popup .left-popup .heading p { font-size: 18px; }
    .popup .left-popup .heading,
    .popup .left-popup .content,
    .popup .right-popup h2,
    .popup .right-popup .popup-form { margin: 0 0 0 50px }
    .popup .cross { width: 40px; height: 40px; right: -8px }
    .popup .cross i { font-size: 32px }
}
@media(max-width:991px) {
    .header span img { width: 100% }
    .header a { font-size: 12px; color: #FFF; }
    .nav-bar { top: 0 }
    .nav-bar ul li.nav-item { align-items: flex-start; display: flex; }
    .nav-bar button.navbar-toggler { margin: auto; }
    .sec-1 { padding: 30px 0 20px 0; margin: 0 }
    .sec-1 .content { margin: 0 0px 0 0 }
    .sec-1 .rating-img img { width: 90%; }
    .sec-1 .image span { display: flex; align-items: center; justify-content: center }
    .sec-1 .image img { width: 100%; }
    .sec-2 .content h2 { font-size: 20px; }
    .sec-2 .content span { font-size: 14px }
    .sec-2 .content p { margin: 10px 0; font-size: 14px; }
    .sec-2 ul li { font-size: 14px; padding: 0 0 0 20px }
    .sec-2 .layer-images img { width: 100%; }
    .sec-3 .pckg-nav .heading p { margin: 20px 120px; }
    .sec-4 .heading { margin: 0 0 10px 0 }
    .sec-4 .package-card {height: 600px}
    .sec-4 .pckg-slider ul.slick-dots button { width: 15px; height: 15px; margin: 0 10px 0 0 }
    .sec-5 .black-box {margin: 16px 0}
    .sec-5 .black-box h5{font-size: 15px}
    .sec-6 { background-size: cover; background-repeat: no-repeat; }
    .sec-9 .content { margin: 0 201px 0 0 }
    .sec-9 .form { margin: 20px 0 0 0 }
    .sec-8 .heading h3 { font-size: 15px; padding: 7px }
    .sec-8 .box { padding: 15px; height: 210px }
    .sec-8 .box p { font-size: 15px; height: 90px}
    .sec-8 .box img { width: 20%; }
    .sec-9 .content { margin: 0 87px 0 0 }
    .footer { padding: 0 0 40px 0 }
    .footer .contact p { font-size: 15px }
    .footer .contact a { font-size: 14px }
    .footer .contact img { width: 90% }
    .footer .list { margin: 18px 0 0 0 }
    .footer h4 { padding: 0; font-size: 17px }
    .footer .list ul li a { font-size: 15px }
    .footer .service-list { margin: 50px 0 0 0; }
    .footer .scl-network { margin: 12px 0 0 0 }
    .copyright {text-align: center;}
    .copyright ul {justify-content: center}
    .copyright .copy { font-size: 14px }
    .cta { background: #151515 }
    .abt-sec-2 .content p { font-size: 12px; }
    .ld-nav .tab-content .content p { color: #000; font-size: 16px; }
    .ld-nav .nav-link.active { background-size: cover; background-repeat: no-repeat; }
    .ld-nav .nav-link { justify-content: center }
    .ld-sec-3 .heading p { margin: 20px 55px; }
    .ld-sec-5 .image img { width: 100%; }
    .ld-sec-5 .content p { font-size: 14px; }
    .popup .left-popup { width: 360px }
    .popup .left-popup .heading p { font-size: 16px; }
    .popup .left-popup .content img { width: 90% }
    .popup .left-popup .content p { font-size: 18px }
    .popup .left-popup .heading,
    .popup .left-popup .content,
    .popup .right-popup h2,
    .popup .right-popup .popup-form { margin: 0 0 0 20px }
    .popup .popup-form input,
    .popup .popup-form textarea,
    .popup .popup-form button { padding: 4px 40px }
    .popup .popup-form textarea { width: 90%; height: 60px }
    .popup .popup-form li i { top: 18px }
}
@media(max-width:767px) {
    .header span { display: flex; }
    .header span img { width: 60%; margin: auto; }
    .nav-bar { top:0 }
    .sec-1 { margin-top: 0; padding: 30px 0 20px 0 }
    .sec-1 h4 { font-size: 15px }
    .sec-1 h1 { font-size: 24px }
    .sec-1 p { font-size: 13px; }
    .sec-1 .content { margin: 0 }
    .sec-1 .btn-size { padding: 5px 18px; }
    .sec-2 .content h2 { font-size: 30px }
    .sec-2 .content span { font-size: 15px; }
    .sec-2 .content p { font-size: 16px; }
    .sec-2 ul li { font-size: 16px; }
    .sec-2 .layer-images img { width: 70%; }
    .sec-3 .pckg-nav .heading p { margin: 20px 60px; }
    .sec-4 .heading h3 { font-size: 14px; letter-spacing: 2px; padding: 12px }
    .sec-4 .package-card { height: 610px }
    .sec-4 .package-card p { font-size: 17px }
    .sec-4 .connect a { font-size: 12px }
    .sec-5 P { font-size: 14px }
    .sec-5 .black-box h3 { font-size: 12px; }
    .sec-8 .box { padding: 10px; height:230px }
    .sec-8 .box p {height: 130px}
    .footer .contact { text-align: center; }
    .footer .contact p { font-size: 17px }
    .footer .contact img { width: 50% }
    .footer .contact a { font-size: 15px }
    .footer .service-list { margin: 47px 0 0 0 }
    .footer .list h4 { padding: 0 }
    .footer .scl-network { margin: 0; }
    .footer .scl-network img { width: 70% }
    .cta h2 { text-align: center; }
    .cta span { text-align: center; }
    .cta span { display: flex; }
    .cta img { margin: auto; }
    .ld-sec-2 .heading span p { font-size: 11px }
    .ld-sec-2 .heading h3 { font-size: 33px }
    .ld-nav .btns a { font-size: 14px;padding: 10px 10px; }
    .ld-sec-3 .heading span p { font-size: 11px }
    .ld-sec-3 .heading h3 { font-size: 30px }
    .ld-sec-3 .heading p { margin: 10px 15px; font-size: 16px }
    .ld-sec-3 .btns a { font-size: 13px; }
    .ld-sec-3 .image { margin: 3px }
    .ld-sec-5 { padding: 20px 0 }
    .ld-sec-5 .content h3 { font-size: 15px; }
    .ld-sec-5 .content p { font-size: 11px; }
    .abt-sec-2 .image span { display: flex; margin: auto; width: 80% }
    .abt-sec-3 .image span { display: flex; margin: auto; width: 70% }
    .pckg-nav ul.nav { padding: 0 }
    .pckg-nav .nav-link { padding: 12px 7px; font-size: 15px }
    .popup { margin: 0 80px }
    .popup .right-popup { border-radius: 0; text-align: center; }
    .popup .right-popup h2,
    .popup .right-popup .popup-form { margin: 0; text-align: center; }
    .popup .popup-form input,
    .popup .popup-form textarea,
    .popup .popup-form button { width: 70%; border-radius: 0 }
    .popup .popup-form li i { top: 19px; left: 70px; font-size: 15px }
    .popup .cross { margin: 0; right: 13px }
}
@media (max-width:575px) {
    .moble-nav { justify-content: space-around; align-items: center; }
    .moble-nav .nav-wrap a img { filter: brightness(0) invert(1); width: 20%}
    .moble-nav {
        justify-content: space-between;
        align-items: center;
        padding: 0px 15px;
    }
    .abt-sec-3 .content {
        padding: 20px 20px;    
    }
    .image {
        display: none;
    }
    section.ld-sec-4.sec_padding {
        display: none;
    }
    h2 {
        font-size: 22px;
    }
    h5 {
        font-size: 14px;    
    }
    .ld-sec-2 .heading p {
        font-size: 14px;
    }
    .balti_popup h2 {
        font-size: 20px;        
    }
    .balti_popup .fancybox-close-small {
        top: -14px;
        right: -16px;
    }
    section.nav-bar { top: 0; }
    nav.navbar.navbar-expand-lg { display: block; }
    .nav-bar { top: 55px }
    section.sec-6 { padding: 60px 0; }
    .header img{width: 100%}
    .sec-1 { padding: 60px 0; margin: 0; }
    .sec-1 h4 { font-size: 17px }
    .sec-1 h1 { font-size: 24px }
    .sec-1 p { font-size: 15px }
    .sec-1 .btns ul { align-items: center; }
    .sec-1 .btn-size { padding: 6px 18px; }
    .sec-1 .rating-img img { width: 100%; }
    .sec-1 .image img { display: none; }
    .sec-2 .content h2 { font-size: 23px; }
    .sec-2 .content span { font-size: 14px }
    .sec-2 .content p { font-size: 15px; }
    .sec-2 ul { display: block; }
    .sec-2 ul li { font-size: 15px }
    .sec-2 .layer-images { margin: 0 22px 0 0; }
    .sec-3 { padding: 50px 0 10px 0 }
    .sec-3 .nav-link { font-size: 16px; padding: 7px 5px; margin: 0 10px 0 0 }
    .sec-3 .nav-link.active { font-size: 16px; padding: 2px 5px }
    .sec-3 .pckg-nav .heading p { margin: 20px 4px; font-size: 13px; }
    .sec-3 .pckg-nav .nav-link { padding: 10px 19px; margin: 5px 2px; font-size: 16px }
    .sec-3 .pckg-nav ul.nav { padding: 0 }
    .sec-4 .heading { margin: 0 }
    .sec-4 .package-card { height: 530px }
    .sec-4 .package-card p { font-size: 12px }
    .sec-4 .package-card .list ul { height: 110px }
    .sec-4 .package-card .list ul li { font-size: 12px }
    .sec-4 .package-card h5 { padding: 0 }
    .sec-4 .package-card h4 span { font-size: 15px }
    .sec-4 .package-card h4 { font-size: 32px }
    .sec-4 .package-card h4 em { font-size: 15px }
    .sec-4 .pckg-nav .nav-link { padding: 12px 25px; font-size: 15px; margin: 5px 2px }
    .sec-4 .btns a { font-size: 15px }
    .sec-4 .connect a { font-size: 12px }
    .sec-4 .connect span { font-size: 12px }
    .sec-4 .pckg-slider .package-card { margin: 10px 0 }
    .sec-4 .pckg-slider ul.slick-dots button { display: none; }
    .sec-4 .pckg-slider .package-card { margin: 15px 2px }
    .sec-4 .pckg-slider { margin: 0; text-align: center; }
    .sec-4 .package-card {height: 580px}
    .sec-4 .package-card p { padding: 0 }
    .sec-4 .package-card h4 span { font-size: 18px }
    .sec-5 { background-size: cover !important; }
    .sec-5 h2 { font-size: 25px }
    .sec-5 p { font-size: 13px }
    .sec-5 .boxes { flex-wrap: wrap; }
    .sec-5 .black-box { margin: 10px; flex: 0 0 43% }
    .sec-5 .black-box h3 { font-size: 13px; }
    .sec-6 .heading h3 { font-size: 12px; padding: 10px 8px; width: 287px; margin-top: 0; }
    .sec-6 .content { margin: 0 0 30px 0 }
    .sec-7 { padding: 20px 0 }
    .sec-7 .heading h3 { padding: 10px; }
    .sec-8 .heading h3 { font-size: 12px; padding: 8px }
    .sec-8 .box { width: 100%; margin: 20px 0; text-align: center; }
    .sec-8 .box span { justify-content: center }
    .sec-9 { background-size: cover; background-repeat: no-repeat; }
    .sec-9 .content { margin: 0 }
    .sec-9 .content h3 { font-size: 25px }
    .sec-9 .content a { font-size: 15px }
    .sec-9 .content p { font-size: 15px }
    .sec-9 .form ul li input { width: 100% }
    .sec-9 .form ul li textarea { width: 100% }
    .footer { padding: 30px 0 }
    .footer .contact img { width: 65%; }
    .footer .list ul li a { font-size: 15px }
    .footer .scl-network { text-align: center; }
    .footer .scl-network ul { justify-content: center }
    .footer .scl-network img { width: 40% }
    .copyright .copy { display: block; text-align: center; }
    .copyright .copy p { font-size: 15px; margin: 0 0 10px 0 }
    .copyright .copy span { font-size: 15px }
    .contact-sec-2 { padding: 30px 0; }
    .contact-sec-2 .heading span p { font-size: 12px; padding: 5px }
    .contact-sec-2 .heading h3 { font-size: 26px }
    .cta h2 { font-size: 24px }
    .cta h5 { margin: 0 }
    .cta img { display: none; }
    .cta .btns ul{display: flex; flex-wrap: wrap;}
    .cta .btns ul li {flex: 0 0 40%}
    .cta .btns ul li a {
        font-size: 14px;
        padding: 10px 4px;
    }
    .sec-6 .heading {
        margin-bottom: 30px;
    }
    .abt-sec-2 .btns .black-btn { width: 100% }
    .abt-sec-2 .content p { font-size: 14px }
    .ld-nav { padding: 25px 0 0 0 }
    .ld-nav .tab-content .content h4 { font-size: 23px }
        .ld-nav .tab-content .content p {
        font-size: 14px;
        margin: 0px 0px 10px 0px;
    }
    .ld-nav .btns ul { justify-content: space-evenly }
    .ld-sec-2 { padding: 30px 0 }
    .ld-sec-2 .content { margin: 15px 0 0 0 }
    .ld-sec-2 .heading span p { font-size: 12px; }
    .ld-sec-2 .heading h3 { font-size: 25px; }
    .ld-sec-3 { padding: 10px 0 0 0 }
    .ld-sec-3 .white-btn { width: 40%; }
    .ld-sec-3 .heading span p { font-size: 12px; margin: 0 20px; padding: 0 }
    .ld-sec-3 .heading h3 { font-size: 30px; }
    .ld-sec-3 .heading p { margin: 10px 0; font-size: 15px; }
    .ld-sec-3 .image { margin: 2px; }
    .ld-sec-4 .heading span p { font-size: 11px }
    .ld-sec-5 .content h3 { font-size: 23px; }
    .ld-sec-5 .content p { font-size: 12px; }
    .ld-sec-5 .image { display: none; }
    .back-to-top { right: 7px; bottom: 35px }
    .popup { margin: 0 }
    .popup .popup-form input,
    .popup .popup-form textarea,
    .popup .popup-form button { width: 80% }
    .popup .popup-form li i { left: 45px; top: 18px }
    .popup .cross i { font-size: 26px }
}