@media (min-width: 1920px) and (max-width: 2560px) {
.homeabout-text p { width: 60%;}
.project-text { width: 55%;}
.project-text h4 { font-size: 70px;}
.quote-text { font-size: 50px; width: 960px;}
.quote-text p { font-size: 16px;}
.blackw-logo { width: 227px;}
.slide-black{ width: 890px;}
.slide-black h3{ font-size: 50px;}
.slide-black p {font-size: 17px;}
.slide-black img { width: 550px;}

.service-slidebox div { min-height: 103px;}
.service-slidebox p { font-size: 14px;}
.homevideo-area { padding: 330px 0px;}
.servslide-left { left: 170px;}
.servslide-right { right: 170px;}
.blogpost-box p, .blogpost-box h3 { font-size: 22px;}
.menuvideo-popup .modal-dialog { max-width: 1100px;}
.banner-section .slider-dots button { width: 170px; height: 170px; border-radius: 18px;}
.thankyou-page .error-inner .heading { font-size: 110px;}
}


@media (min-width:1801px) and (max-width:1919px){
.homeabout-text p { width: 70%;}
.quote-text { font-size: 46px; width: 820px;}
.quote-text p { font-size: 15px;}
.blackw-logo { width: 220px;}
.slide-black{ width: 820px;}
.slide-black h3{ font-size: 46px;}
.slide-black p {font-size: 16px;}
.slide-black img { width: 550px;}

.service-slidebox div { min-height: 103px;}
.service-slidebox p { font-size: 13px;}
.homevideo-area { padding: 270px 0px;}
.servslide-left { left: 170px;}
.servslide-right { right: 170px;}
.menuvideo-popup .modal-dialog { max-width: 1100px;}
.banner-section .slider-dots button { width: 160px; height: 160px; border-radius: 16px;}
.thankyou-page .error-inner .heading { font-size: 100px;}
}


@media (min-width:1681px) and (max-width:1800px){
.homeabout-text p { width: 70%;}
.quote-text { font-size: 42px; width: 790px;}
.quote-text p { font-size: 16px;}
.blackw-logo { width: 200px;}
.slide-black{ width: 750px;}
.slide-black h3{ font-size: 42px;}
.slide-black p {font-size: 15px;}
.slide-black img { width: 550px;}

.service-slidebox div { min-height: 103px;}
.service-slidebox p { font-size: 13px;}
.homevideo-area { padding: 270px 0px;}
.menuvideo-popup .modal-dialog { max-width: 1000px;}
.banner-section .slider-dots button { width: 150px; height: 150px; border-radius: 16px;}
.thankyou-page .error-inner .heading { font-size: 90px;}
}


@media (min-width: 1600px) and (max-width: 1680px){
.quote-text { font-size: 42px; width: 790px;}
.quote-text p { font-size: 15px;}
.blackw-logo { width: 180px;}
.slide-black{ width: 750px;}
.slide-black h3{ font-size: 42px;}
.slide-black p {font-size: 15px;}
.slide-black img { width: 530px;}

.homevideo-area { padding: 250px 0px;}
.menuvideo-popup .modal-dialog { max-width: 900px;}
.banner-section .slider-dots button { width: 140px; height: 140px; border-radius: 14px;}
.thankyou-page .error-inner .heading { font-size: 90px;}
}


@media (min-width: 1441px) and (max-width: 1599px){
.homeabout-text p { width: 80%;}
.homevideo-area { padding: 230px 0px;}
.banner-section .slider-dots button { width: 120px; height: 120px;}
}


@media (min-width: 1400px) and (max-width: 1440px){
    .homeabout-text p { width: 80%;}
    .banner-section .slider-dots button { width: 110px; height: 110px;}
}


@media (min-width: 1300px) and (max-width: 1366px){
.project-text h4 { font-size: 52px;}
}


@media (min-width: 992px) and (max-width: 1200px){

.main-menu .dropdown-menu { width: 930px;}
.menulist-title { font-size: 15px;}
.menulist-item img { margin-right: 8px; width: 55px;}

.servslide-right { right: 160px;}
.servslide-left { left: 160px;}
.project-text { width: 50%;}
.project-text h4 { font-size: 48px;}
.project-image { width: 220px; height: 220px;}
.story-counttext .counttext-head { font-size: 53px;}
.homeprocess-head { font-size: 45px;}
.homevideo-area { padding: 170px 0px;}
.blogpost-box p, .blogpost-box h3 { font-size: 14px; min-height: 36px;}
.feature-box { padding: 15px; }
.feature-box label { font-size: 19px;}

.error-inner .heading { font-size: 150px; line-height: .8;}

.blog-subtitle { width: 80%;}
.blogpage-left .blogpost-box p,
.blogpage-right .blogpost-box p,
.blogpage-left .blogpost-box h3,
.blogpage-right .blogpost-box h3{ font-size: 16px;}
.blogpage-filter li a { font-size: 14px;}

.aboutpage-story .animate-text { width: 60%;}
.aboutquote-head { width: auto;}
.testislide-text { height: 100%;}
.testislide-content h4 { margin-bottom: 12px;}
.teamdetail img { height: 224px; width: 100%; object-fit: cover;}
.teamdetail span { font-size: 25px; display: inline-block; margin-top: 12px; margin-right: 5px;}
.teamdetail label { font-size: 25px; margin: 3px 0px 8px; display: inline-block;}

.gallery-head h1 { font-size: 80px;}
.logoScrolldown { width: 120px;}
.gallery-box img { height: 450px;}

.project-imagebox img { height: 360px;}
.project-textbox p { font-size: 28px; width: auto;}
.project-textbox span { font-size: 14px;}
.project-banner .container{ top: 14.6vw;}
.project-box img{height: 420px; object-fit: cover;}
.project-box div h4 { font-size: 24px;}

.prodetail-head .heading { font-size: 60px;}
.prodetail-head p { width: 70%;}
.project-highlight p { width: 80%;}
.project-highlight h2 { font-size: 26px; margin-bottom: 20px;}
.prodetail-liner h4 { font-size: 26px;}
.prodetail-imgbox img { height: 420px;}

.servicelist .service-slidebox div { padding: 18px;}

}


@media (min-width: 1200px) and (max-width: 1200px) {

.main-menu .dropdown-menu { width: 1110px;}
.menulist-title { font-size: 18px;}
.menulist-item img { margin-right: 10px; width: 65px;}

.homevideo-area { padding: 180px 0px;}
.blogpost-box p, .blogpost-box h3 { font-size: 15px; min-height: 39px;}
.feature-box { padding: 20px; min-height: auto;}
.feature-box label { font-size: 21px;}

.blog-subtitle { width: 60%;}
.blogpage-left .blogpost-box p,
.blogpage-right .blogpost-box p,
.blogpage-left .blogpost-box h3,
.blogpage-right .blogpost-box h3 { font-size: 18px;}
.blogpage-filter li a { font-size: 15px;}

.aboutpage-story .animate-text { width: 50%;}
.aboutquote-head { width: 96%;}
.testislide-text { height: 80%;}
.testislide-content h4 { margin-bottom: 20px;}

.teamdetail img { height: 279px; width: 100%; object-fit: cover;}
.teamdetail span { font-size: 30px; display: inline-block; margin-right: 5px;}
.teamdetail label { font-size: 30px; margin: 3px 0px 8px; display: inline-block;}

.project-imagebox img { height: 400px;}
.project-textbox p { font-size: 32px; width: auto;}
.project-textbox span { font-size: 15px;}
.project-banner .container{ top: 11.6vw;}
.project-box img{height: 460px; object-fit: cover;}
.project-box div h4 { font-size: 30px;}

.prodetail-head .heading { font-size: 70px;}
.prodetail-head p { width: 60%;}
.project-highlight p { width: 70%;}
.project-highlight h2 { font-size: 30px; margin-bottom: 30px;}
.prodetail-liner h4 { font-size: 30px;}
.prodetail-imgbox img { height: 450px;}

}


@media(max-width:1024px){

.project-bigleft, .project-bigright, #cursorchange{display: none !important;}

}


@media (min-width: 768px) and (max-width: 991px){

.header-gap { margin-top: 150px;}

.dynamic-arrowleft{ left: -10px;}
.dynamic-arrowright{right: -10px;}

.logo a img {width: 90px;}
.banner-section .slider-dots button { width: 80px; height: 80px; border-radius: 8px;}
.homeabout-text p { font-size: 20px;}
.homeabout-award img { width: 22%;}
.servslide-right { right: 170px;}
.servslide-left { left: 170px;}
.service-slidebox{ margin: 0 10px;}
.service-slidebox div{ min-height: auto;}
.service-slidebox p{ font-size: 12px;}
.service-slidebox span{font-size: 13px;}
.project-text { width: 55%;}
.project-text h4 { font-size: 40px;}
.project-image { width: 180px; height: 180px;}
.story-counttext .counttext-head { font-size: 40px;}
.storycount-box p { margin: 0px 0px 20px;}
.item-number h4, .item-number span { font-size: 36px;}
.item-number p {margin: 0;}
.homeprocess-head { font-size: 40px;}
.processtab-link ul { padding-right: 0px;}
.processtab-link ul li a img { width: 90px;}
.processtab-link ul li a p { font-size: 13px;}
.feature-head h4 { font-size: 39px;}
.moving-area { width: 350px;}
.micelegacy-video .img-responsive, .groupvideo-frame { height: 250px;}
.testimonial-box p { min-height: 135px;}
.homevideo-area { padding: 140px 0px;}
.blogpost-box { margin: 0px 10px;}
.quote-text { font-size: 30px; width: 580px;}
.quote-text p { width: 60%;}
.slide-black{ width: 580px;}
.slide-black h3{ font-size: 30px;}
.slide-black p {width: 60%;}
.slide-black img { width: 360px;}
.testimonial-box { margin: 0px 10px 30px; padding: 20px;}
.testibox-person div { margin-left: 10px;}
.footer-vission { width: 40%;}
.menuvideo-popup .modal-dialog { max-width: 700px;}

.main-menu .dropdown-menu { width: 690px; top: 51px !important; transform: translateY(6%) !important;}
.menulist-item img { display: none;}
.menulist-item {margin-top: 16px;}
.main-menu .dropdown-menu a { font-size: 14px;}
.menulist-title { font-size: 14px;min-height: 40px;}

.error-inner .heading { font-size: 150px; line-height: .8;}

.blog-subtitle { width: auto;}
.blogpage-filter li a { font-size: 13px;}
.blogpage-right .blogpost-box { margin: 30px 0px 0px;}
.blogpage-left .blogpost-box p,
.blogpage-right .blogpost-box p,
.blogpage-left .blogpost-box h3,
.blogpage-right .blogpost-box h3 { font-size: 16px;}

.contact-head h2 { font-size: 40px; width: auto;}
.contact-form { padding: 20px;}
.contact-form h3 { font-size: 28px;}

.abouthead-detail .banner-heading { font-size: 52px;}
.aboutquote-head { font-size: 30px; width: 84%;}
.aboutpage-story .animate-text { font-size: 30px; width: 80%;}
.aboutpage-story p { font-size: 20px;}
.teamtab-content { width: 55%;}
.team-thumb {width: 45%;}
.teamdetail span, .teamdetail label { font-size: 30px;}
.team-thumb ul{ flex-direction: column;}
.team-thumb ul li {width: 100%;}
.full-teamdata img { height: 273px;}
.testislide-text { height: 100%;}
.testislide-content h4 { font-size: 28px; margin-bottom: 10px; line-height: 1.1;}
.testislide-content p { width: auto; margin-bottom: 18px;}
.testislide-head { font-size: 28px; top: 10px; right: 10px;}
.slider__counter { font-size: 22px; bottom: 10px; right: 10px;}

.blogdeatil-page { margin-top: 106px;}
.blog-deatil-social ul li { margin-right: 2px;}
.blog-deatil-social ul li a{ width: 30px; height: 30px; font-size: 12px;}
.blog-deatil-head h1 { font-size: 42px;}
.blog-detail-content h2 { font-size: 32px;}
.otherblog-head h4 { font-size: 42px;}

.gallery-head h1 { font-size: 80px;}
.logoScrolldown { width: 120px;}
.gallery-quote h2 { font-size: 24px;}
.contact-divider p, .contact-divider h2 { font-size: 28px;}
.gallery-box img { height: 420px;}

.prodetail-head .heading { font-size: 54px;}
.prodetail-head p { width: auto;}
.project-highlight h2 { font-size: 24px; margin-bottom: 20px;}
.project-highlight p { width: auto;}
.project-slider .slick-track .img-responsive { padding: 0px 3px;}
.prodetail-liner h4 { font-size: 26px;}
.prodetail-imgbox img { height: 350px;}
.mid-probox { width: 64.1% !important;}
.small-probox { width: 34.1% !important;}
.project-otherbox { margin: 30px 10px 0px;}
.project-otherbox .img-responsive{ height: 350px;}
.otherpro-inner { padding: 15px;}
.otherpro-inner p { font-size: 14px;}
.otherpro-inner label { font-size: 18px;}
.otherpro-butn { width: 35px; height: 35px;}

.project-imagebox img { height: 340px;}
.project-textbox p { font-size: 22px; width: auto;}
.project-textbox span { font-size: 14px;}
.project-banner .container{ top: 15.6vw;}
.project-numcount h2{width: auto;}
.project_counter { font-size: 30px;}
.project-numcount ul { margin-top: 15px;}
.project-box img{height: 400px; object-fit: cover;}
.project-box div h4 { font-size: 20px;}

.servicepage h1 { font-size: 42px;}
.service-featurebox { padding: 18px;}
.service-featurebox .serv-heading { font-size: 26px;}

.thankyou-page .error-inner .heading { font-size: 70px;}

.servicelist .service-slidebox div{ min-height: 97px;}

}


@media(max-width:767px){
.desktop-menu, .menuright{ display: none;}
.hamburger-menu { display: block;}
.container-fluid { padding-right: 15px; padding-left: 15px;}
}


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

.heading { font-size: 40px;}

.header-gap { margin-top: 130px;}

.nopadd-right{padding-right: 15px;}
.nopadd-left{ padding-left: 15px;}

.logo { text-align: left;}
.logo a img { width: 80px;}
.stick .logo a img { width: 70px;}

.dynamic-arrowleft{ left: -10px;}
.dynamic-arrowright{right: -10px;}
.default-arrow { width: 40px; height: 40px; font-size: 20px;}

.header-area .row{align-items: center;}
.banner-section .slider-dots button { width: 80px; height: 80px; border-radius: 8px;}
.banner-project a { border-radius: 5px; padding: 2px;}
.banner-project a div { border-radius: 5px;}
.banner-project span { border-radius: 3px; width: 12px; height: 12px; top: 3px; right: 3px;}
.banner-project span img {width: 5px;}
.homeabout { margin-top: 60px;}
.abouttext-head { font-size: 32px;}
.homeabout-text p { font-size: 17px; line-height: 1.4;}
.homeabout-award { justify-content: center; margin-top: 40px;}
.homeabout-award img { margin: 0px 8px;}
.quote-text { font-size: 26px; width: 500px;}
.quote-text p { margin: 20px auto 20px; width: 70%;}
.blackw-logo { width: 130px;}
.slide-black{ width: 500px; padding: 0px 15px;}
.slide-black h3{ font-size: 26px;}
.slide-black p { margin: 20px auto 0px; width: 74%;}
.slide-black img { width: 330px;}
.service-area { margin: 60px 0px;}
.service-slidebox{ margin: 0 10px;}
.project-text { width: 78%;}
.project-text h4 { font-size: 32px;}
.project-image { width: 170px; height: 170px;}
.more-project { padding: 50px 0px;}
.story-counter { padding-bottom: 60px;}
.story-counttext .counttext-head { font-size: 48px;}
.story-countimage { margin-top: 30px;}
.storycount-box p { margin: 30px 0px 20px;}
.item-number p { margin: 0px;}
.home-process { padding: 60px 0px;}
.homeprocess-head { font-size: 40px; margin-bottom: 30px;}
.processtab-link ul {padding-right: 0px;}
.processtab-link ul li a img { width: 110px;}
.processtab-link ul li a p { font-size: 14px;}
.micelegacy-video .img-responsive, .groupvideo-frame { height: 280px;}
.processtab-content { margin-top: 30px;}
.home-feature { padding: 60px 0px;}
.feature-head h4 { font-size: 32px; line-height: 1.1;}
.feature-head p { width: auto; margin: 20px auto 0px;}
.owner-message { padding: 60px 0px;}
.owner-box { flex-direction: column;}
.owner-box .img-responsive { width: 110px;}
.owner-box div { margin: 15px 0px 0px;}
.reimagine-area { padding: 60px 0px;}
.reimagine-area:before { width: 320px; height: 320px; top: -160px;}
.reimagine-head h4 { font-size: 74px;}
.reimagine-head h4:last-child { margin-top: 10px;}
.moving-area { width: 250px;}
.reimagine-content { margin-top: 40px;}
.reimagine-para { width: 25%;}
.reimagine-para p { font-size: 14px;}
.testi-area { padding: 60px 0px;}
.testimonial-box { padding: 13px; margin: 0px 8px 30px;}
.testimonial-box p { min-height: 147px; font-size: 14px;}
.testibox-person img { width: 40px; }
.testibox-person div { margin-left: 8px;}
.testibox-person div label { font-size: 14px;}
.testibox-person div span {font-size: 14px;}
.testibox-person div ul li .fa-star { font-size: 10px;}
.testibox-person div ul li small { font-size: 12px; margin-left: 2px;}
.partner-logo { padding: 60px 0px;}
.homevideo-area { padding: 100px 0px;}
.video-btn p { font-size: 24px;}
.blog-area { margin: 60px 0px;}
.blogpost-box { margin: 0px 10px;}
.blogpost-box p, .blogpost-box h3 { font-size: 16px; min-height: 41px;}
.footer-first { flex-wrap: wrap;}
.footer-download { width: 60%; order: 2;}
.footer-download span { width: 40px; height: 40px; font-size: 14px;}
.footer-download span img { width: 15px;}
.footer-vission { width: 70%; order: 1; margin: 0 auto 30px;}
.footer-vission label { font-size: 28px; margin-bottom: 10px;}
.footer-copyright { width: 40%; order: 3; align-self: center;}
.footer-logo { font-size: 13vw; margin: 30px 0px 20px; line-height: 10vw;}
.footer-link li { margin: 0px 10px;}
.footer-social li a { width: 35px; height: 35px; margin: 0px 2px; font-size: 13px;}
.footer-third { padding: 12px 0px; margin-top: 20px;}
.menuvideo-popup { padding: 0px 15px !important;}

.error-inner .heading { font-size: 150px; line-height: .8;}

.blogpage { margin-bottom: 60px;}
.blog-subtitle { margin-bottom: 20px; width: auto;}
.blogpage-left .blogpost-box picture img { height: auto;}
.blogpage-filter { margin: 50px 0px 30px;}
.blogpage-right {margin-top: 0px;}
.blogpage-filter li a { font-size: 14px;}
.blogpage-right .blogpost-box { margin-top: 0px;}
.blogpage-right .blogpost-box p, .blogpage-right .blogpost-box h3 { min-height: 41px;}

.contactpage { margin-bottom: 60px;}
.contact-head h2 { font-size: 40px; margin-bottom: 30px; width: 75%;}
.contact-form { margin-top: 60px;}
.contact-form h3 { font-size: 30px;}

.abouthead-link { left: 0; text-align: center;}
.abouthead-link li { margin: 0px 5px;}
.abouthead-detail .banner-heading { font-size: 48px;}
.aboutpage-story { margin: 60px 0px;}
.aboutpage-story label { font-size: 20px; margin-bottom: 10px;}
.aboutpage-story .animate-text { font-size: 30px; width: auto;}
.aboutpage-story p { font-size: 20px; margin-top: 15px;}
.aboutquote-head { font-size: 26px; width: auto;}
.about-team { margin-top: 60px;}
.aboutteam-area { flex-direction: column;}
.teamtab-content { width: 100%;}
.team-thumb { width: 100%; margin-top: 40px; margin-left: -15px;}
.teamdetail img{object-fit: cover; width: 100%; height: 280px;}
.teamdetail span { font-size: 28px;}
.teamdetail label { font-size: 28px; margin: 3px 0px 10px;}
.teambox div { flex-direction: column; align-items: start;}
.teambox div small { margin: 5px 0 0;}
.testislide-text { height: 100%;}
.testislide-content h4 { font-size: 32px; margin-bottom: 12px; line-height: 1.1;}
.testislide-content p { width: auto; margin-bottom: 18px;}
.testimo-arrow li { width: 40px; height: 40px; font-size: 15px;}   
.testislide-head { font-size: 34px;}
.aboutpage-logo { margin: 60px 0px;}

.blogdeatil-page { margin-top: 98px;}
.blog-deatil-head h1 { font-size: 36px; margin-bottom: 8px;}
.blog-deatil-social { float: none; margin-top: 15px;}
.blog-detail-content { padding: 30px 0px 20px;}
.blog-detail-content h2 { font-size: 28px; margin-bottom: 12px;}
.blog-detail-content h3, .blog-detail-content h4, .blog-detail-content h5 { font-size: 22px; margin: 30px 0px 12px;}
.blogdetail-other { margin: 40px 0px 60px;}
.otherblog-head h4 { font-size: 34px;}

.gallery-head h1 { font-size: 60px;}
.logoScrolldown { width: 100px;}
.gallery-quote { margin: 60px 0px;}
.gallery-quote h2 { font-size: 20px;}
.gallery-singlehead h3 { margin-top: 20px;}
.gallery-box { margin-top: 20px;}
.gallery-box img { height: 390px;}
.gallery-images { margin-bottom: 0px;}
.contact-divider p, .contact-divider h2 { font-size: 24px; margin-bottom: 20px;}

.prodetail-head span { font-size: 13px; margin-bottom: 5px;}
.prodetail-head .heading { font-size: 44px;}
.prodetail-head p { width: auto;}
.prodetail-high { margin-top: 60px;}
.project-highlight h2 { font-size: 24px; margin-bottom: 12px; line-height: 1.1;}
.project-highlight p { width: auto;}
.projecthigh-image { padding-right: 15px;}
.projecthigh-image h3 { margin-right: 0px; text-align: left;}
.project-slider .slick-track .img-responsive { padding: 0px 3px;}
.project__counter { padding-right: 0px;}
.prodetail-liner { margin: 60px 0px;}
.prodetail-liner h4 {font-size: 24px; line-height: 1.1; margin-bottom: 15px;}
.prodetail-liner p { width: auto;}
.prodetail-images { padding-top: 40px;}
.prodetail-imgbox img { height: 390px; width: 100% !important;}
.other-project { margin-bottom: 60px;}
.project-otherbox { margin: 20px 5px 0px;}
.project-otherbox .img-responsive{ height: 290px;}
.otherpro-inner { padding: 10px;}
.otherpro-inner p { font-size: 13px;}
.otherpro-inner label { font-size: 16px;}
.otherpro-butn { width: 30px; height: 30px;}
.project-otherbox .otherpro-butn .icon-container img { width: 11px;}
.scroll-down{display: none;}

.project-name h1 { font-size: 14px;}
.project-banner .container { height: auto; top: 110px;}
.project-bigslider, .project-bigslider .slick-track .img-responsive{ height: 600px;}
.project-textbox p { font-size: 28px; width: auto;}
.project-textbox span { font-size: 14px;}
.project-imagebox img { height: 240px;}
.project-imageslider{ margin: 25px auto;}
.project-numcount { align-items: center; text-align: center;}
.project-numcount h2 { width: 80%; margin-bottom: 15px;}
.project_counter { font-size: 26px;letter-spacing: 10px;}
.project-numcount ul { margin-top: 10px;}
.project-numcount ul li { margin: 0px 10px;}
.project-list { margin-top: 60px;}
.project-filter h3 { margin: 30px auto 10px; width: auto;}
.project-filter ul li { margin-right: 8px;}
.project-filter ul li a { font-size: 14px; padding: 6px 15px;}
.project-box { margin-top: 20px;}
.project-box img { height: 360px !important;}
.project-box div h4 { font-size: 20px;}

.servicepage h1 { font-size: 34px;}
.servicepage span { margin: 20px 0px 20px;}
.service-tagline h2 { font-size: 27px;}
.service-featurebox { padding: 25px;}
.service-featurebox .serv-heading { font-size: 27px;}
.nextservice-box { padding: 60px 15px 15px;}
.nextservice-box p { font-size: 15px;}
.nextservice-box a { font-size: 22px;}

.thankyou-page .error-inner .heading { font-size: 60px;}
.thankyou-page .error-inner { width: 480px;}

.servicelist .service-slidebox{margin-top: 0;}
.servpage-contact { margin: 60px 0px;}
.service-testim { margin-bottom: 60px;}

}


@media(max-width:599px){

.heading { font-size: 32px;}

.header-gap { margin-top: 110px;}

.banner-shadow:before, .banner-shadow:after { height: 18%;}

.nopadd-right{padding-right: 15px;}
.nopadd-left{ padding-left: 15px;}

.dynamic-arrowleft{ left: -5px;}
.dynamic-arrowright{right: -5px;}

.default-butn {padding: 6px 12px; font-size: 14px;}
.default-butn .icon-container {--icon-size: 18px;}
.default-butn:hover .icon-container { transform: translateX(25%);}
.default-butn:hover::after { width: 35px;}

.black-butn { padding: 4px 4px 4px 15px;}
.black-butn span { width: 28px; height: 28px;}
.black-butn span img { width: 12px;}

.default-arrow { width: 40px; height: 40px; font-size: 20px;}

.header-area { padding: 10px 0px;}
.logo { text-align: left;}
.logo a img { width: 70px;}
.stick {padding: 8px 0px;}
.stick .logo a img { width: 60px;}

.header-area .row{align-items: center;}

.banner-section, .banner-section .banner-thumb { height: 450px;}   
.banner-section .container-fluid { bottom: 0px;}
.banner-section:before { height: 18%;}
.banner-section:after { height: 21%;}
.banner-section .slider-dots li { margin-left: 5px;}
.banner-section .slider-dots button { width: 48px; height: 48px; border-radius: 5px;}
.banner-project a { border-radius: 5px; padding: 2px; margin-left: 6px; width: 33%;}
.banner-project a div { border-radius: 5px;}
.banner-project span { border-radius: 3px; width: 12px; height: 12px; top: 3px; right: 3px;}
.banner-project span img {width: 5px;}
.banhead-subtitle{ font-size: 10px;}
.banhead { font-size: 4.5vw; line-height: 1.2;}

.homeabout { margin-top: 60px;}
.abouttext-head { font-size: 30px;}
.homeabout-text p { font-size: 15px; line-height: 1.4;}
.homeabout-award { justify-content: center; margin-top: 40px;}
.homeabout-award img { margin: 0px 8px; width: 20%;}

.quote-text { font-size: 24px; width: 100%; padding: 0px 15px;}
.quote-text p { margin: 20px auto 20px; width: 80%;}
.blackw-logo {width: 110px;}

.slide-black{ font-size: 24px; width: 100%; padding: 0px 15px;}
.slide-black h3{ font-size: 24px;}
.slide-black p { margin: 20px auto 0px; width: 80%;}
.slide-black img { width: 290px;}

.service-area { margin: 60px 0px;}
.service-slider { margin: 25px 0px;}
.service-slidebox{ margin: 0 10px;}
.service-slidebox p{font-size: 12px;}
.service-slidebox span {font-size: 13px;}
.service-slidebox div{min-height:auto;}
.servslide-left { left: 240px;}
.servslide-right { right: 240px;}

.project-text { top: calc(18% - 100%); width: 78%; padding-left: 15px;}
.project-text h4 { font-size: 26px;}
.project-otherimage { padding-right: 15px; top: calc(18% - 100%);}
.project-otherimage div { width: 48px; height: 48px; margin-bottom: 7px; border-radius: 7px;}
.project-image { width: 150px; height: 150px; left: 15px; transform: none; -webkit-transform: none; top: auto; bottom: calc(100% - -24px);}
.project-butn { padding-right: 15px; top: auto; bottom: calc(100% - -24px);}
.more-project { padding: 50px 0px;}

.story-counter { padding-bottom: 60px;}
.story-counttext .counttext-head { font-size: 34px; line-height: 1.1;}
.story-countimage { margin-top: 20px;}
.storycount-box p { margin: 25px 0px 12px;}
.item-number h4, .item-number span { font-size: 34px;}
.item-number p { margin: 0px;}

.home-process { padding: 60px 0px;}
.homeprocess-head { font-size: 34px; margin-bottom: 30px;}
.processtab-link ul {padding-right: 0px;}
.processtab-link ul li a img { width: 100px;}
.processtab-link ul li a p { font-size: 14px;}
.micelegacy-video .img-responsive, .groupvideo-frame { height: 240px;}
.processtab-content { margin-top: 30px;}

.home-feature { padding: 60px 0px;}
.feature-head h4 { font-size: 26px; line-height: 1.1;}
.feature-head p { width: auto; margin: 20px auto 0px;}
.feature-box label { font-size: 20px; margin: 15px 0px 5px;}

.owner-message { padding: 60px 0px;}
.owner-box { flex-direction: column;}
.owner-box .img-responsive { width: 110px;}
.owner-box div { margin: 15px 0px 0px;}

.reimagine-area { padding: 60px 0px 150px;}
.reimagine-area:before { width: 320px; height: 320px; top: -160px;}
.reimagine-head h4 { font-size: 56px;}
.reimagine-head h4:last-child { margin-top: 10px;}
.moving-area { width: 260px;}
.reimagine-content .reimagine-para:nth-child(1){ display: none;}
.reimagine-para { width: 100%;}
.reimagine-para p{ display: none;}
.reimagine-para:last-child {text-align: center;}

.testi-area { padding: 60px 0px;}
.testimonial-box { padding: 20px; margin: 0px 10px 30px;}
.testibox-person div { margin-left: 10px;}
.testimonial-box p { min-height: 135px;}
.blogpost-box { margin: 0px 10px;}

.partner-logo { padding: 60px 0px;}

.homevideo-area { padding: 100px 0px;}
.video-btn p {font-size: 24px;}
.menuvideo-popup { padding: 0px 10px !important;}

.blog-area { margin: 60px 0px;}

.footer-first { flex-wrap: wrap;}
.footer-download { width: 60%; order: 2;}
.footer-download span { width: 40px; height: 40px; font-size: 14px;}
.footer-download span img { width: 15px;}
.footer-vission { width: 100%; order: 1; margin-bottom: 20px;}
.footer-vission label { font-size: 28px; margin-bottom: 10px;}
.footer-copyright { width: 40%; order: 3; align-self: center;}
.footer-logo { font-size: 15vw; margin: 30px 0px 20px; line-height: 13vw;}
.footer-link li { margin: 0px 5px;}
.footer-link li a { font-size: 13px;}
.footer-social li a { width: 35px; height: 35px; margin: 0px 2px; font-size: 13px;}
.footer-third { padding: 12px 0px; margin-top: 20px; flex-direction: column-reverse;}
.footer-otherlink { margin: 7px 0px 0px;}
.footer-otherlink li a { font-size: 13px;}
 
.error-page { margin-bottom: 20px;}
.error-inner .heading { font-size: 130px; line-height: .8;}

.blogpage { margin-bottom: 60px;}
.blog-subtitle { margin-bottom: 20px; width: auto;}
.blogpage-left .blogpost-box picture img { height: auto;}
.blogpage-filter { margin: 50px 0px 30px;}
.blogpage-right {margin-top: 0px;}
.blogpage-filter li a { font-size: 14px;}
.blogpage-right .blogpost-box { margin-top: 0px;}

.contactpage { margin-bottom: 60px;}
.contact-head h2 { font-size: 32px; margin-bottom: 30px; width: 90%;}
.contact-form { padding: 20px; margin-top: 60px;}
.contact-form h3 { font-size: 28px; margin-bottom: 18px;}

.abouthead, .about-banner {height: 480px;}
.abouthead-detail { height: 480px;}
.abouthead-link { width: 100%;}
.abouthead-link li { width: 100%; margin: 0px;}
.abouthead-link li a { padding: 15px 0px;}
.abouthead-link li span img { top: 18px;}
.abouthead-detail .banner-heading { top: 60%; font-size: 38px;}
.aboutpage-story { margin: 60px 0px;}
.aboutpage-story label { font-size: 18px; margin-bottom: 10px;}
.aboutpage-story .animate-text { font-size: 28px; width: auto;}
.aboutpage-story p { font-size: 18px; margin-top: 15px;}
.aboutquote-head { font-size: 24px; width: auto;}
.about-team { margin-top: 60px;}
.aboutteam-area { flex-direction: column;}
.teamtab-content { width: 100%;}
.team-thumb { width: 100%; margin-top: 40px;}
.team-thumb ul{flex-direction: column;}
.team-thumb ul li { width: 100%;}   
.teambox { padding-left: 0px;}
.teambox div { padding: 0 10px 15px 10px;}
.teambox p {padding: 0px 15px 0px 15px;}
.teamdetail img{object-fit: cover; width: 100%; height: 250px;}
.teamdetail span { font-size: 24px;}
.teamdetail label { font-size: 24px; margin: 3px 0px 10px;}
.testislide-text { height: 100%;}
.testislide-content h4 { font-size: 28px; margin-bottom: 12px; line-height: 1.1;}
.testislide-content p { width: auto; margin-bottom: 18px;}
.testimo-arrow li { width: 40px; height: 40px; font-size: 15px;}   
.testislide-head { font-size: 28px; line-height: 1.1; width: 250px; top: 10px; right: 10px;}
.slider__counter { font-size: 22px; bottom: 10px; right: 10px;}
.small-heading { font-size: 13px; margin-bottom: 30px;}
.aboutpage-logo { margin: 60px 0px;}

.blogdeatil-page { margin-top: 80px; padding-top: 40px;}
.blog-deatil-head span { font-size: 14px; margin-bottom: 7px;}
.blog-deatil-head h1 { font-size: 31px; margin-bottom: 8px;}
.blog-deatil-social { float: none; margin-top: 15px;}
.blog-detail-content { padding: 30px 0px 20px;}
.blog-detail-content h2 { font-size: 26px; margin-bottom: 12px;}
.blog-detail-content h3, .blog-detail-content h4, .blog-detail-content h5 { font-size: 20px; margin: 30px 0px 12px;}
.blogdetail-other { margin: 40px 0px 60px;}
.otherblog-head { align-items: start; flex-direction: column;}
.otherblog-head h4 { font-size: 32px; margin-bottom: 15px; width: auto;}

.gallerypage { height: 480px;}
.gallery-head { height: 500px;}
.gallery-head h1 { font-size: 50px;}
.logoScrolldown { width: 90px;}
.gallery-quote { margin: 60px 0px;}
.gallery-quote h2 { font-size: 18px;}
.gallery-singlehead h3 { margin-top: 20px;}
.gallery-box { margin-top: 20px;}
.gallery-box img { height: 360px;}
.gallery-images { margin-bottom: 0px;}
.contact-divider p, .contact-divider h2 { font-size: 20px; margin-bottom: 20px;}

.projectdetail-page { height: 480px;}
.prodetail-head span { font-size: 13px; margin-bottom: 5px;}
.prodetail-head .heading { font-size: 34px;}
.prodetail-head p { width: auto;}
.prodetail-high { margin-top: 60px;}
.project-highlight h2 { font-size: 22px; margin-bottom: 12px; line-height: 1.1;}
.project-highlight p { width: auto;}
.project-highlight ul li {font-size: 13px;}
.projecthigh-image { padding-right: 15px;}
.projecthigh-image h3 { margin-right: 0px; text-align: left;}
.project-slider .slick-track .img-responsive { padding: 0px 3px;}
.project__counter { padding-right: 0px;}
.prodetail-liner { margin: 60px 0px;}
.prodetail-liner h4 {font-size: 22px; line-height: 1.1; margin-bottom: 15px;}
.prodetail-liner p { width: auto;}
.prodetail-images { padding-top: 40px;}
.prodetail-imgbox img { height: 370px; width: 100% !important;}
.other-project { margin-bottom: 60px;}
.project-otherbox { margin: 20px 10px 0px;}
.project-otherbox .img-responsive{ height: 370px;}
.otherpro-inner { padding: 10px;}
.otherpro-inner p { font-size: 14px;}
.otherpro-inner label { font-size: 18px;}
.otherpro-butn { width: 35px; height: 35px;}
.scroll-down{display: none;}

.project-name h1 { font-size: 14px;}
.project-banner .container { height: auto; top: 110px;}
.project-bigslider, .project-bigslider .slick-track .img-responsive{ height: 700px;}
.project-textbox p { font-size: 26px; width: auto;}
.project-textbox span { font-size: 14px;}
.project-imagebox img { height: 330px;}
.project-imageslider{ width: 80%; margin: 25px auto;}
.project-numcount { align-items: center; text-align: center;}
.project-numcount h2 { width: 80%; margin-bottom: 15px;}
.project_counter { font-size: 26px;letter-spacing: 10px;}
.project-numcount ul { margin-top: 10px;}
.project-numcount ul li { margin: 0px 10px;}
.project-list { margin-top: 60px;}
.project-filter h3 { margin: 30px auto 10px; width: auto;}
.project-filter ul li { margin: 5px 5px;}
.project-filter ul li a { font-size: 14px; padding: 6px 10px;}
.project-box { margin-top: 20px;}
.project-box img { height: 350px !important;}
.project-box div h4 { font-size: 24px;}

.servicepage h1 { font-size: 28px;}
.servicepage span { margin: 20px 0px 20px;}
.service-tagline h2 { font-size: 24px;}
.service-featurebox { padding: 20px;}
.service-featurebox .serv-heading { font-size: 24px;}
.nextservice-box { padding: 50px 15px 15px;}
.nextservice-box p { font-size: 15px;}
.nextservice-box a { font-size: 20px;}
.nextservice-box a svg { font-size: 14px;}

.thankyou-page .error-inner .heading { font-size: 50px;}

.servicelist .service-slidebox{margin-top: 0;}
.servpage-contact { margin: 60px 0px;}
.service-testim { margin-bottom: 60px;}
.servicelist .service-slidebox div{ min-height: 97px;}

}