@media ( max-width:1366px ) {
    .site-branding { max-width: 300px; width: 20%; }
    .header-btn { max-width: 25%; }
    .navigation-top { max-width: 55%; width: 100%; }
    .default-btn { margin-left: 0; }
    .default-btn + .default-btn { margin-left: 10px; }
    #top-menu li a { font-size: 19px; line-height: 30px; padding: 40px 0 30px 0; }
    .offer-box { padding: 0 10px; }
    .service-box { padding: 0 10px; }
    .video { height: 500px; }
    .service-offer-section .slick-prev { left: -5%; }
    .service-offer-section .slick-next { right: -5%; }
    .service-block { width: 90%; margin: 0 auto; }
}

@media ( max-width:1266px ) and ( min-width:1170px ) {
    #top-menu li { margin: 0 10px; }
    #top-menu li a { margin: 0 0px;font-size:17px;}
    .default-btn { padding: 5px 14px; font-size:17px;}
}


@media ( max-width:1169px ) and ( min-width:1013px ) {
    #top-menu li { margin: 0 10px; }
    #top-menu li a { margin: 0 0px;font-size:14px;}
    .default-btn { padding: 5px 8px;font-size:14px;}
}
    
    @media ( max-width:1012px ) and ( min-width:900px ) {
    #top-menu li { margin: 0 10px; }
    #top-menu li a { margin: 0 0px;font-size:12px;}
    .default-btn { padding: 5px 8px;font-size:12px;}
}

@media ( max-width:1199px ) and ( min-width:991px ) {
    #top-menu li { margin: 0 10px; }
    .default-btn { padding: 5px 14px;}
}

@media ( max-width:1024px ) {
    .inner-banner-content .entry-title { font-size: 35px; line-height: 40px; }
    .innerbanner { height: 350px; }
    .site-footer { background-size: cover !important; }
    h2, .home.blog .entry-title { font-size: 30px;}
    h3 { font-size: 26px; }
    h4 { font-size: 22px; }
    h5 { font-size: 18px; }
    h6 { font-size: 14px; }
    p  { font-size: 14px; }
    .banner-content h1 span { font-size: 42px; line-height: 60px; }
    .about-section { padding: 40px 0 120px; }
    .about-content h3 { font-size: 25px; line-height: 35px; }
    .about-content { padding: 50px 0 50px 50px; }
    .blue-curve:before { border-bottom: 35px solid #122569; border-top: 35px solid transparent; border-right: 50vw solid transparent; top: -70px; }
    .blue-curve::after { border-bottom: 35px solid transparent; border-top: 35px solid #122569; border-right: 50vw solid #122569; bottom: -70px; }
    .sets-section { padding: 20px 0 60px; }
    .sets-icon .icon { font-size: 60px; line-height: 70px; }
    .sets-data h3 { font-size: 18px; line-height: 25px; margin: 10px 0; }
    .sets-data p { font-size: 13px; line-height: 24px; margin: 0 0 25px; }
    .sets-data .default-btn { padding: 6px 20px; }
    .offer-section { padding: 80px 0; }
    .offer-title, .service-title { margin: 20px 0; }
    .offer-title h3, .offer-title h3 a, .service-title h3 { font-size: 18px; line-height: 26px; }
    .service-offer-section { padding: 30px 0 20px; }
    .site-footer { padding: 80px 0 40px; }
}

@media ( max-width:991px ) {
    .video { height: 350px; }
    .header-btn { text-align: center; }
    .default-btn { padding: 5px 14px; }
    .navigation-top { max-width: 80%; }
    #top-menu li { margin: 0 15px; }
    #top-menu li a { padding: 10px 0; }

    h2, .home.blog .entry-title { font-size: 26px;}
    h3 { font-size: 22px; }
    h4 { font-size: 20px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }
    .banner-content h1 span { font-size: 35px; line-height: 40px; }
    .about-content h3 { font-size: 20px; line-height: 25px; }
    .sets-icon .icon { font-size: 60px; line-height: 70px; }
    .about-content { padding: 40px 0 40px 40px; }
    .sets-block { margin-top: 20px; }
    .offer-box .offer-image,.service-box .service-image { height: 200px; }
    .footer-widget .widget-title { font-size: 18px; line-height: 22px; }
    
    .site-header.sticky-header{ position: static; }
    .navigation-top{ display: none; }
    .menu-social-media-menu{
        margin: 0 0 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sets-box{ min-height: 0; }
    
    .site-branding{ width: auto; max-width: none; }
    .header-btn{ max-width: none; }
    .site-header{ padding: 15px 0; }
    .menu-social-media-menu-container{ margin-bottom: 15px; }
    
}

@media ( max-width:767px ) {
    .site-branding { max-width: 200px; height: auto; padding: 20px 0; width: 100%; }
    .header-btn, .navigation-top { display: none; }
    .menu-toggle, .mobile-menu { display: block; }
    .mobile.header-btn { display: block; }
    .mobile.header-btn .default-btn { color: #fff; border: 3px solid #fff; }
    /* Mobile Menu */
    #masthead { position: relative; }
    .menu-toggle, .mobile-menu { display: block; }
    .custom-header { position: relative; padding: 10px 0; }
    .navigation-top { display: none; }
    .menu-toggle { background-color: #132469; display: block; width: 32px; height: 32px; position: absolute; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; white-space: nowrap; z-index: 9999; right: 22px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border: 1px solid #fff; }
    .menu-toggle span.menu-bars { position: absolute; display: block; width: 20px; left: 50%; top: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); background: #fff; height: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
    .menu-toggle span.menu-bars:before { top: -6px; content: ''; position: absolute; left: 0; width: 100%; background: #fff; height: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
    .menu-toggle span.menu-bars:after { bottom: -6px; content: ''; position: absolute; left: 0; width: 100%; background: #fff; height: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
    body.mobile-menu-open { overflow: hidden; height: 100%; }
    .mobile-menu-open .menu-toggle span.menu-bars { background-color: rgba(0,0,0,.0); }
    .mobile-menu-open .menu-toggle span.menu-bars:before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
    .mobile-menu-open .menu-toggle span.menu-bars:after { top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    .mobile-menu-open .mobile-menu { transform: translateX(0); -webkit-transform: translateX(0); }
    .mobile-menu { background: rgb(255, 255, 255); position: fixed; top: 0; width: 100%; height: 100%; left: -100%; box-sizing: border-box; z-index: 999; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-right: 0; }
    .mobile-menu-open .mobile-menu  { left: 0; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.74); background: #132469; }
    #mobiletop-menu { border-top: 1px solid rgba(255,255,255,0.15); margin-left: 0; }
    #mobiletop-menu li { display: block !important; border-bottom: 1px solid rgba(255,255,255,0.15); position: relative; }
    #mobiletop-menu li .fa { position: absolute; z-index: 9; right: 0; top:0; width: 40px; height: 40px; text-align: center; display: block; line-height: 40px; font-size: 18px; color: #fff; cursor: pointer; }
    #mobiletop-menu li .fa:after { content: ""; width: 5px; height: 5px; display: inline-block; background: transparent; margin: 0 0 2px 10px; border-style: solid; border-color: transparent #fff #fff transparent; border-width: 2px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
    #mobiletop-menu li .fa.angle-down:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
    #mobiletop-menu li .fa.angle-up:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); }
    #mobiletop-menu li a { display: block; padding: 10px 15px; font-size: 15px; color: #fff; }
    #mobiletop-menu li.current-menu-ancestor > a, #mobiletop-menu li.current_page_item > a, #mobiletop-menu li a:hover { color: #f9840f; }
    .mobile-menu { display: block; }
    .mobile-menu { display: block; padding:70px 20px 0; }
    #mobiletop-menu li .sub-menu { display: none; }
    #mobiletop-menu li.menu-item-has-children > a span { font-size: 20px; position: absolute; right: 10px; text-align: center; }
    #mobiletop-menu li .sub-menu { background: transparent; margin-right: 0; margin-left: 15px; }
    #mobiletop-menu ul.sub-menu li:first-child { border-top: 1px solid rgba(255,255,255,0.15); }
    #mobiletop-menu ul.sub-menu li:last-child { border-bottom: 0; }
    #mobiletop-menu li ul li a { font-size: 13px; }
    /* /.mobile menu */
    h2, .home.blog .entry-title { font-size: 28px;}
    h3 { font-size: 24px; }
    h4 { font-size: 22px; }
    h5 { font-size: 18px; }
    h6 { font-size: 14px; }
    p { font-size: 14px; }
    .banner-content { display: block; width: 94%; margin: 0 auto;}
    .banner-content h1 { font-size: 35px; line-height: 50px; }
    .banner-content h1 span { font-size: 35px; line-height: 40px; }
    .about-section { padding: 40px 0; }
    .main-title h2 { font-size: 24px; }
    .about-img, .about-content { max-width: 100%; }
    .about-content { text-align: center; padding: 30px 0; }
    .about-content h3 { font-size: 22px; line-height: 32px; }
    .about-content .default-btn { margin: 30px 0 0; }
    .blue-curve:before { border-bottom: 25px solid #122569; border-top: 25px solid transparent; top: -50px; border-right: calc(50vw) solid transparent; }
    .blue-curve::after { border-bottom: 25px solid transparent; border-top: 25px solid #122569; border-right: 50vw solid #122569; bottom: -50px; }
    .sets-section { padding: 30px 0 0; }
    .sets-block { margin-top: 20px; }
    .sets-icon .icon { font-size: 70px; line-height: 70px; }
    .sets-box { width: 50%; padding: 0 18px 50px 18px; }
    .sets-data h3 { font-size: 18px; line-height: 28px; margin: 15px 0 0; }
    .sets-data p { font-size: 12px; line-height: 22px; margin: 15px 0 25px; }
    .sets-data .default-btn { padding: 5px 20px; margin: 0; font-size: 12px; border-width: 2px; font-weight: 500; }
    .offer-section { padding: 90px 0 70px; }
    .offer-box { width: 46%; }
    .offer-box .offer-image { height: 200px; }
    .offer-title { margin: 12px 0 15px 0; }
    .offer-title h3, .offer-title h3 a { font-size: 16px; line-height: 20px; margin: 0; }
    .service-offer-section { padding: 30px 0 10px; }
    .site-footer .footer-widget section { width: 50%; }
    .service-offer-section .slick-prev:before, .service-offer-section .slick-next:before { font-size: 30px; }
    .service-box .service-image { margin: 0 auto; }
    .service-offer-section .slick-prev { left: 0; }
    .service-offer-section .slick-next { right: 0; }
    .service-offer-section .slick-prev, .service-offer-section .slick-next { top: 32%; }
    .service-title { margin: 20px 0; }
    .site-footer { padding: 70px 0 40px; }
    .coyright-footer { padding: 15px 0; }
    .site-footer .footer-widget section { width: 50%; padding: 0 15px; margin-bottom: 40px; }
    #back-to-top { right: 20px; bottom: 2%; width: 30px; height: 30px; font-size: 15px; line-height: 30px; }
    .inner-banner-content .entry-title { font-size: 30px; line-height: 40px; }
    .innerbanner { height: 280px; }
    .ctct-form { max-width: 260px; }
}

@media ( max-width:567px ) {
    .video { height: 300px; }
    .sets-box { width: 100%; }
    .offer-box { width: 100%; margin: 0 auto; }
    .footer-widget .widget-title::after { margin: 20px auto; }
    .site-footer .footer-widget section { width: 100%; margin: 0 auto 40px; display: block; text-align: center; }
}

@media ( max-width:480px ) {
    .service-block { width: 75%; margin: 0 auto; }
    .service-box .service-image { max-width: 250px; height: 200px; margin: 0 auto; }
    .service-offer-section .slick-prev { left: -18%; }
    .service-offer-section .slick-next { right: -18%; }
}