@media only screen and (min-width: 992px){
    .elementor-section.elementor-section-boxed>.elementor-container {max-width: 970px;}
}
@media only screen and (min-width: 1200px){
    .elementor-section.elementor-section-boxed>.elementor-container {max-width: 1200px;}
    .container {width: 1200px;}
}
@media only screen and (min-width: 1025px){
    .navbar {-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
    .navbar-collapse{ display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
    .navbar-collapse .menu{-ms-flex-direction: row; flex-direction: row; margin-left: auto;}
    .navbar-collapse .menu-main-container{margin-left: auto;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .footer-sec .row{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
}

@media only screen and (max-width: 1366px){
    .banner div.banner-text{max-width: 84%; left: 0; right: 0;}
    .banner div.banner-text h2{ margin: 0 0 24px; font-size: 40px;}
    .banner div.banner-text p{font-size: 18px; line-height: 26px; max-width: 100%;}

    .counter .count h2{font-size: 40px !important;}
}

@media only screen and (max-width: 1199px){
    header.site-header .site-logo {max-height: 60px;}
    header.site-header.float-header .site-logo {max-height: 50px;}
    header.site-header .hdr-logo span{font-size: 18px;}
    #mainnav ul li a{font-size: 15px;}
    header.site-header .hdr-logo span::first-letter{font-size: 32px;}
    header.site-header.float-header .hdr-logo span {font-size: 16px;}
    header.site-header.float-header .hdr-logo span::first-letter {font-size: 30px;}
    #mainnav li{padding: 0 8px;}
    .banner{height: 100%;}
    .banner div{height: auto;}
    .banner div.banner-text{max-width: 78%;}
    .banner .slider .owl-nav button{width: 40px; height: 40px;}
    .banner .banner-cnt p {font-size: 16px; line-height: 24px;}
    .banner .banner-cnt .inner-cnt:before{left: -15px; top: -18px;}
    .banner .banner-cnt .inner-cnt:after{right: -15px;bottom: -18px;}
    .icon-box .single-box > div.elementor-element-populated{padding: 20px !important;}
    .icon-box .single-box h3{font-size: 22px;}
    .icon-box .single-box a.elementor-icon{font-size: 45px;}
    .icon-box .single-box .elementor-icon-box-description{font-size: 14px; line-height: 22px;}
    .practice-area .practice .elementor-icon-box-icon{width: 70px; height: 70px;}
    .practice-area .practice .elementor-icon-box-icon span {font-size: 34px;}
    .practice-area .elementor-widget-icon-box .elementor-icon-box-title{margin-bottom: 18px;}
    .practice-area .elementor-widget-icon-box .elementor-icon-box-description { font-size: 14px; line-height: 22px;}
    .counter .counter-box{min-height: 185px;}
    .testimonial .roll-testimonials .whisper{max-width: 90%;}
    .contactus .single-contac-info{padding: 20px;}
    .footer-sec .social-button{width: 32px; height: 32px;}
    .footer-sec .social-button i {font-size: 16px;}
    .footer-sec .hours label{width: 30px; min-width: 30px; height: 30px;}
    .footer-sec .hours label i {font-size: 15px;}
    footer.site-footer {line-height: 30px; padding: 12px 0;}
    footer.site-footer.copyright p{font-size: 13px;}
    .widget-area.cst-sidebar .widget{padding: 20px;}
    .caBtnbox.big {font-size: 20px; height: 45px; width: 45px;}
    .caBtnbox.small{font-size: 16px; min-height: 36px; width: 36px;}
    .caBtns{top: -184px;}
    .go-top{font-size: 16px; line-height: 28px; width: 35px; height: 35px;}
}

@media only screen and (max-width: 1024px){
    header.site-header{background-color: #fff;}
    header.site-header.fixed{position: fixed !important;}
    .menu-main-container{width: 970px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
    .navbar-collapse#mainnav-mobi{margin-top: 0px; left: 0; top: 100%; background-color: #fff; box-shadow: 1px 1px 4px -3px rgba(0,0,0,0.4); border-top: 1px solid rgba(0,0,0,0.2);}
    header .btn-menu{background-color: transparent; border: none; border-radius: 0;}
    .ds-title h2.elementor-heading-title{font-size: 30px;}
    .banner div.banner-text h2 {margin: 0px 0 20px; font-size: 36px;}
    .banner div.banner-text p {font-size: 15px; line-height: 20px;}
    header .menu-primary-container{max-width: 970px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
    #mainnav-mobi ul > li > a{padding: 6px 0; color: #000;}
    #mainnav-mobi ul > li > a:hover{color: #d5b77f;}
    #mainnav-mobi ul{padding: 10px 0;}
    #mainnav-mobi ul li{border-top: none;}
    .sub-form input[type="email"], .sub-form input[type="text"]{max-width: 25%;}
    .icon-box .three-box div > .elementor-section{padding: 0;}
    .counter .inner-counter .elementor-container{-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
    .practice-area .elementor-widget-icon-box .elementor-icon-box-title{font-size: 20px;}
    .testimonial .roll-testimonials .whisper{font-size: 16px !important; line-height: 22px;}
    .team .elementor-element.elementor-element-524c4b4 .roll-team .team-content .name{font-size: 18px;}
    .contactus .forms .inner-form{padding: 20px;}
    .contactus .single-contac-info{min-height: 185px;}
    .contactus .single-contac-info h4{font-size: 20px;}
    .contactus .single-contac-info i {font-size: 24px;}
    .contactus .single-contac-info address{font-size: 14px;}
    .contactus .single-contac-info a{font-size: 14px;}
    .footer-sec {padding: 55px 5px;}

    .header-image { height: 280px !important;}
    .custom-search .page-header h3, h3.cst-archive-title{font-size: 28px;}
    .hentry .title-post, .classic-alt .entry-header.entry-header-title .entry-title{font-size: 30px;}
    .header-inner{display: none;}

}

@media only screen and (max-width: 991px){
    .container, .menu-main-container {width: 100%;}
    #mainnav-mobi ul{padding-left: 5px; padding-right: 5px;}
    input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], textarea, input[type="search"], .form-control{font-size: 14px; line-height: 22px; padding: 6px 15px;}
    header.site-header{padding: 5px;}
    header.site-header .site-logo {max-height: 54px;}
    header.site-header.float-header .site-logo {max-height: 46px;}
    #mainnav-mobi ul > li > a{font-size: 14px; line-height: 20px;}
    header .menu-primary-container{max-width: 750px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
    .ourservices .ds-title h2, .about .ds-title h2, .ourwork .ds-title h2, .testimonial .ds-title h2 ,.blog .ds-title h2 ,.contatus .contact-from .form h2.ds-title {font-size: 30px !important;}
    .banner{height: 100%;}
    .banner div.banner-text {max-width: 82%;}
    .banner-cnt p{font-size: 16px; line-height: 26px;}
    .about p, .about ul li{font-size: 15px; line-height: 22px;}
    .about ul li{margin-bottom: 6px;}
    .about ul li:before{top: 4px; font-size: 11px; width: 22px; height: 22px;}
    .practice-area .practice .elementor-icon-box-wrapper{-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 
        flex-direction: column; text-align: center;}
    .practice-area .practice .elementor-icon-box-icon{margin: 0 auto !important;}
    .practice-area .elementor-widget-icon-box .elementor-icon-box-title{margin-top: 15px;}
    .counter .count h2 {font-size: 34px !important;}
    .testimonial .roll-testimonials .whisper{max-width: 100%; padding: 60px 20px 20px; font-size: 14px;}
    .owl-theme .owl-controls{margin-top: 20px;}

    .contatus .contact-from .contact-info{padding: 20px;}
    .contactus .single-contac-info {padding: 10px;}
    .contatus .contact-from .form .elementor-column-wrap{padding: 20px 30px;}
    input[type="submit"]{font-size: 14px; padding: 8px;}
    .custom-btn a.elementor-button{font-size: 14px; padding: 13px 32px;}
    .copyright.site-footer{padding: 10px 5px;}
    .copyright p{font-size: 12px; line-height: 24px;}
    .blog .panel-grid-cell .carousel {margin: 0;}
    .single .page-wrap, .search .page-wrap, .archive .page-wrap, .blog .page-wrap{padding-top: 55px; padding-bottom: 55px;}
    .header-image.blog-feature-img .blog-title{font-size: 34px; line-height: 40px;}
    .search .page-title{margin-top: 0; padding-top: 0;}
    .search .search-form{margin-bottom: 20px;}
    .content-area .hentry{padding-top: 30px;}
    .custom-search, .classic-alt{padding: 0 20px;}
    .footer-sec .sidebar-column .widget_custom_html {margin-bottom: 24px;}
    .page-wrap .content-wrapper{padding-top: 0; padding-bottom: 0;}
}
@media only screen and (max-width: 767px){
    header .btn-menu{margin: 0;}
    .ds-title{margin-bottom: 0 !important;}
    .banner {height: 100%;}
    .banner div {height: auto;} 
    .banner div.banner-text { max-width: 80%;}
    .banner .slider .owl-nav button {width: 30px; height: 30px; font-size: 12px;}
    .banner div.banner-text h2{font-size: 30px;}
    .banner div.banner-text p {font-size: 14px; line-height: 20px;}
    .banner-cnt .inner-cnt .elementor-widget-wrap > .elementor-widget-text-editor{margin-bottom: 0 !important;}
    .banner-cnt .testimonial-title p {font-size: 16px;}
    .banner div.banner-text{position: relative; top: auto; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; padding: 6% 5px; text-align: center; max-width: 100%;}
    .banner div.banner-text h2 {font-size: 24px;}
    .banner .slider .owl-nav button{display: none;}
    .icon-box{background-color: #f9f9f9;}
    .icon-box .single-box h3 {font-size: 20px;}
    .contactus .single-contac-info {min-height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; 
        padding: 15px; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; max-width: 400px;  margin: 0 auto 15px;}
    .counter .counter-box {min-height: 160px;}
    .roll-project.fullwidth .project-item{width: 48%; margin: 1%;}
    .contatus .contact-from { box-shadow: 1px 1px 10px -7px rgb(51 51 51 / 0.5);}
    .contatus .contact-from .form .elementor-column-wrap{padding: 30px 20px 20px;}
    .contatus .contact-from .form h2.ds-title{margin-bottom: 10px !important;}
    .ds .ds-title h2{font-size: 28px !important;}
    .testimonial .roll-testimonials .whisper p{padding: 0 28px;}
    .testimonial .roll-testimonials .whisper p:before{margin-left: -32px;}
    .testimonial .roll-testimonials .whisper{font-size: 14px !important;}
    .team .elementor-element.elementor-element-524c4b4 .roll-team .team-content{padding: 10px;}
    .team .elementor-element.elementor-element-524c4b4 .roll-team .team-content .name {font-size: 16px;}
    .footer-sec{text-align: center;}
    .footer-sec.footer-widgets h4:before{right: 0; margin: 0 auto; bottom: -3px;}
    .footer-sec .hours{-ms-flex-flow: column; flex-flow: column;}
    .footer-sec .hours ul li{padding-bottom: 0px;}
    .footer-sec .hours label{margin: 0 auto 10px;}
    .footer-sec ul.f-logo.social, .footer-sec ul.f-logo{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .footer-sec .ds-hours { position: relative;}
    .footer-sec .ds-hours:before {content: ''; position: absolute; border-top: 1px dashed #d5b77f; height: 1px; width: 100px; left: 0; right: 0; margin: 0 auto;}
    .footer-sec .ds-hours .widget{padding-top: 20px;}
    .footer-sec .hours address {max-width: 60%;  margin: 0 auto;}
    .footer-sec .ds-hours.last-sec .widget{margin-bottom: 0;}
    footer.site-footer.copyright p{text-align: center;}
    footer.site-footer.copyright p{line-height: 20px;}
    .wpcf7 form .wpcf7-response-output{font-size: 14px;}
    .cst-sidebar{margin: 0 15px;}
    .cst-sidebar.widget-area .widget{margin-bottom: 30px;}
    .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper{padding: 0 20px;}
    .custom-search .page-header h3, h3.cst-archive-title {font-size: 24px;}
    .hentry .title-post, .classic-alt .entry-header.entry-header-title .entry-title {font-size: 26px;}
    .go-top{width: 34px; height: 34px;}
    .widget-area.cst-sidebar{padding: 0 5px;}
    .cst-sidebar.widget-area .widget {margin-bottom: 15px;}
    .widget-area.cst-sidebar .widget h4.widget-title {font-size: 20px;}
    .widget-area.cst-sidebar .search-form input[type="search"]{height: 42px;}
    .post-navigation {margin: 20px 0 30px; padding: 15px;}
    .practice-area .inner-practice-sec .elementor-container .practice {width: 48%; flex: 48%; max-width: 48%;}
    .practice-area .inner-practice-sec .elementor-container .practice:before{right: -8px;}
    .practice-area .inner-practice-sec .elementor-container .practice:after{top: -8px;}
    .practice-area .ds-title + .inner-practice-sec .elementor-container .practice:nth-child(3):after, 
    .practice-area .ds-title + .inner-practice-sec .elementor-container .practice:nth-child(4):after{border-color: #000;}
    .practice-area .inner-practice-sec .elementor-container .practice:nth-child(2):before,
    .practice-area .inner-practice-sec .elementor-container .practice:nth-child(6):before{border-color: transparent;}
    .contactus .single-contac-info br{display: none;}
    .header-image.blog-feature-img .blog-title {font-size: 30px; line-height: 38px;}
    .page-id-845 .page-wrap, .page-id-851 .page-wrap{padding: 60px 5px 70px;}
    .page-id-845 .entry-content p, .page-id-851 .entry-content p, .page-id-851 .entry-content li{font-size: 15px;}
    .mfp-wrap{overflow-y: auto;}
    .wpdp-white-popup p,.wpdp-white-popup ul li{font-size: 15px;}
}
@media only screen and (max-width: 575px){
    .ds .ds-title h2 {font-size: 26px !important;}
    header.site-header .site-logo {max-height: 50px;}
    header.site-header.float-header .site-logo {max-height: 45px;}
    header.site-header .hdr-logo span {font-size: 16px;}
    header.site-header .hdr-logo span::first-letter{font-size: 28px;}
    header.site-header.float-header .hdr-logo span {font-size: 15px;}
    header.site-header.float-header .hdr-logo span::first-letter {font-size: 26px;}
    #mainnav-mobi ul > li > a {padding: 6px 0;}
    .ourwork .project-filter li{margin: 0 5px 5px 5px;}
    .practice-area .inner-practice-sec .elementor-widget-wrap{padding-left: 0 !important; padding-right: 0 !important;}
    .team .roll-team.carousel .team-item {padding: 0;}
    .testimonial .roll-testimonials .whisper p{padding: 0;}
    .cf7sr-g-recaptcha > div {-webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}
    .contatus .contact-from .contact-info address{ font-size: 14px;}
    .contactus .contact-info .elementor-widget-wrap{margin: 0 !important;}
    .contactus .single-contac-info{max-width: 100%;}
    .footer-sec .hours address {max-width: 90%;}
    .counter .counter-box .icons{top: -10px;}
    .counter .counter-box .icons .elementor-icon{font-size: 40px;}
    .counter .counter-box {width: 100%; margin: 5px;}
    .counter .inner-counter .elementor-container {-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}a
    .header-image.blog-feature-img .blog-title {font-size: 26px; line-height: 32px;}
    .cst-sidebar.widget-area .widget-title{font-size: 20px;}
    .cst-sidebar.widget-area.cst-sidebar .widget ul li {font-size: 14px; line-height: 20px; padding: 3px 0;}
    .lft-cnt .post-navigation {margin: 20px 0 35px; padding: 15px;}
    .header-image { height: 240px;}
    .lft-cnt .entry-content p, .custom-search .entry-post p, .classic-alt .entry-post p{font-size: 14px;}
    .search .search-form label{width: 100%; margin-bottom: 10px;}
    .icon-box.after-banner .single-box > div.elementor-element-populated p, .icon-box.after-banner .single-box > div.elementor-element-populated span{font-size: 15px;}
    .practice-area .inner-practice-sec .elementor-container .practice {width: 100%;flex: 100%; max-width: 100%;}
    .practice-area .inner-practice-sec .elementor-container .practice:before{display: none;}
    .practice-area .ds-title + .inner-practice-sec .elementor-container .practice:nth-child(2):after{border-color: #000;}
    .practice-area .inner-practice-sec .elementor-container .practice:after {top: -6px;}
    .testimonial .roll-testimonials .whisper{padding-left: 0; padding-right: 0;}
    .wpdp-white-popup{margin: 20px 10px;}

}
@media only screen and (max-width: 480px){
    .roll-project.fullwidth .project-item{width: 100%; margin: 0 0 10px;}
    .counter .counter-box {min-height: 150px; width: 100%; margin: 5px 0;}
}