/*____________________________________________

                Media Quaries 
______________________________________________*/

@media only screen and (orientation: landscape) {
    body {
      -webkit-text-size-adjust: none;
    }
}
@media only screen and (orientation: portrait) {
    body {
        -webkit-text-size-adjust: none;
    }
}

@media screen and (max-width:1700px) {
    .main-title{ font-size:200px; }
    .title{ font-size:50px; }
    #wrapper .card .content .desc{ text-align:center; }
    .banner .text-block{ display:inline-block; max-width:100%; }
    .banner .text-block .sub-field:before{ width:40%; }

    .home-slider{ height:auto; }

}

@media screen and (max-width:1400px) {
    .banner .text-block .social-block{ right:60px; }
    #wrapper #trigger{ left: calc(5.5% - 5.5px); }
}

@media screen and (max-width:1199px) {
    .navigation-field ul li{ padding:0 20px; }
    .main-title{ font-size:160px; }
    .title{ font-size:37px; }
    .sub-title{ font-size:45px; }

    .banner{ text-align:center; }
    .banner .text-block{ display:inline-block; }
    .banner .text-block .sub-field:before{ width:41%; }
    .banner .text-block .social-block{ right:45px; bottom:-65px; }

    .footer-bottom .nav-block ul li{ padding:0 15px; }

    .inner-banner{ height:500px; }
    .inner-banner .text-block .main-title{ font-size:60px; }

    .contact-element .form-block{ width:400px; padding:30px; }

}

@media screen and (max-width:991px) {
.header-nav{ position: absolute; padding-left:0; padding-right:0; }
.navigation-field { position:fixed; right:-100%; top:0; width:165px; background:linear-gradient(85.49deg, #FFF9F5 0%, #EDC1B6 100%); transition:all 500ms ease-in-out; box-shadow: -3px 0px 7px 0px rgba(10, 36, 114, .35); flex-flow:column; justify-content:flex-start; align-items:normal; padding:0 20px 40px; z-index:999999; overflow:auto; } 
.navigation-field.opened{ right:0; }
.humberger-menu{ display:inline-block; margin-right:20px; }
.close-block{ display:block; }
.navigation-field ul li{ display:block; padding:0; }
.navigation-field ul li a{ display:block; color:#121314; }
.navigation-field ul li a:hover{ color:#121314; }
.navigation-field ul li a .icon img.desktop-view{ display:none; }
.navigation-field ul li a .icon img.mobile-view{ display:inline-block; }
.navigation-field ul li:hover .sub-menu{ position:relative; top:0; width:100%; background:none; box-shadow:none; padding:0 12px 15px; animation: inherit; }
.navigation-field .sub-menu li a{ border-color:rgba(0,0,0,.3); padding-left:0; padding-right:0; }
.navigation-field .sub-menu::after{ display:none; }

.main-title{ font-size:100px; }
.title{ font-size:23px; }
.sub-title{ font-size:35px; }

.banner .banner-img{ height:320px; }
.banner .slick-prev, .banner .slick-next{ width:35px; height:35px; }
#wrapper{ height:400px; }
.logo-block{ width:70px; }

.protfolio-element .box .btn-block{ padding:15px; }
.protfolio-element .box .icon-btn{ width:40px; height: 40px; }

.footer{ padding:50px 0 40px; }
.footer .logo-block{ width:120px; }
.footer-bottom{ display:block; text-align:center; }
.footer-bottom .nav-block{ padding:22px 0 0 0; }
.footer-bottom .nav-block ul{ display:flex; flex-flow:wrap; justify-content:center; }
.footer-bottom .nav-block ul li{ padding-bottom:22px; }

.ejs-element .lt-block{ margin-bottom:65px; }

.home-slider .item{ height:500px; }
.home-slider .slick-prev, .home-slider .slick-next{ width:35px; height:35px; bottom:25px; }
.home-slider .slick-prev{ right:auto; left:50%; transform:translateX(-50%); margin-right:40px; }
.home-slider .slick-next{ right:auto; left:50%; transform:translateX(-50%); margin-left:40px; }

.contact-element{ padding:60px 0 30px; }
.contact-element .contact-block .row{ flex-flow:column-reverse; }
.contact-element .text-block{ padding:65px 0 0 0; }
    
}

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

    .header-nav{ background:rgba(18, 19, 20, 1) !important; position: relative; z-index:999; }
    .navigation-field ul li a{ font-weight:600; }

    .banner .banner-img{ height:250px; }

    .main-title{ font-size:60px; }
    .sub-title{ font-size:30px; }
    .title{ font-size:16px; }
    .banner .text-block .sub-field{ margin-top:12px; }
    .banner .text-block .sub-field:before{ width:80px; }

    .callbacks_nav{ width:30px; height:50px; top:50%; transform:translateY(-50%); margin-top:0; background-size:50px; }

    .about-element{ padding:50px 0 20px; }
    .about-element .top-block{ padding-bottom:55px; }
    .about-element .block .box{ margin-bottom:40px; }
    .about-element .block .col-md-6 .box{ margin-top:0; }

    .protfolio-element{ padding:50px 0; }
    .protfolio-element .box{ margin-bottom:30px; }
    .protfolio-element .top-block{ text-align:center; margin-bottom:45px; display:block; }
    .protfolio-element .btn-block{ display:block; }
    .protfolio-element .btn-block .primarybtn{ width:238px; margin:0 auto; }
    .protfolio-element .top-block .primarybtn{ display:none; }
    .protfolio-element .box .icon-btn{ background:url(../images/right-arrow-black.png) no-repeat -23px center #FFF9F5; background-size: 50.5px; }
    .protfolio-element .box:hover .icon-btn{ background:url(../images/right-arrow-black.png) no-repeat 12px center #FFF9F5; background-size: 50.5px; }

    .inner-banner{ height:280px; }
    .inner-banner .text-block .main-title{ font-size:30px; }
    .inner-banner .breadcrumb-nav{ bottom:15px; }
    .inner-banner .breadcrumb-nav{ display:none; }
    .inner-banner .desc{ display:none; }

    .ejs-element{ padding:50px 0 25px; }
    .ejs-element .main-title{ font-size:30px; padding-bottom:35px; }
    .ejs-element .lt-block .row{ flex-flow:column-reverse; }
    .ejs-element .block{ max-width:100%; margin-bottom:35px; }
    .sub-text{ font-size:28px; }
    .ejs-element .desc-text .sub-text{ padding-bottom:30px; }

    .protfolio-element .box .bottom-block{ padding:20px; }
    .protfolio-element .box .bottom-block h2{ font-size:22px; }
    .gallery .main-title{ font-size:30px; padding-bottom:35px; }

    .home-slider .item{ height:330px; }
    .home-slider .desc{ bottom:60px; }
    .home-slider .text-block p{ padding:10px 0 12px; }
    .home-slider .text-block span{ font-size:14px; }

    .contact-element{ padding:40px 0 30px; }
    .contact-element .top-block{ padding-bottom:35px; }
    .contact-element .top-block .sub-text{ padding-bottom:20px; font-size:25px; }
    .contact-element .form-block{ position: relative; top:0; transform:translateY(0); width:100%; left:0; margin-bottom:35px; padding:30px 20px; }
    .contact-element .form-block h3{ font-size:20px; }
    .contact-element .wrp-box .img-box{ max-width:100%; display:none; }
    .contact-element .text-block h3{ font-size:30px; padding-bottom:20px; }
    .contact-element .text-block ul{ padding-top:35px; }
    .contact-element .text-block{ padding-top:40px; }

    #sync2{ position: relative; }
    .owl-carousel .owl-nav .owl-prev{ width:30px; height:30px; margin:0; }
    .owl-carousel .owl-nav .owl-next{ width:30px; height:30px; margin:0; }

    #close img{ width:28px; }

    .lightbox-btn .prev-img{ width:18px; height:auto; }
    .lightbox-btn .next-img{ width:18px; height:auto; }
    .lightbox-btn.left{ left:30px; }
    .lightbox-btn.right{ right:30px; }
    
}

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

    .logo-block{ width:55px; }
    .header-nav .btn-block .primarybtn{ width:150px; }
    .header-nav .btn-block .primarybtn::after{ right:9px; }
    #wrapper{ height:300px; }
    .main-title{ font-size:45px; }
    .title{ text-align:center; padding-top:15px; }
    #wrapper .card .content .desc{ bottom:0; top:0; background:rgba(0,0,0,.2); display:flex; flex-flow:column; justify-content:center; align-items:center; padding-top:80px; }
    .banner .text-block .social-block{ position: relative; bottom:0; right:0; padding-top:22px; }
    .banner .text-block .social-block ul{ justify-content:center; }
    .banner .text-block .sub-field:before{ top:0; transform:translateY(0); width:100%; }
    .banner .text-block .social-block h5{ padding-bottom:12px; }

    .inner-banner{ height:250px; }
    .home-slider .slick-prev, .home-slider .slick-next{ bottom:15px; }

    .rslides_tabs{ margin-top:0; background:#000; line-height:0; }
    #slider3-pager img{ width:80px; }
}