@media (max-width: 767px) { 
.desktop-navbar-div{display: none;}
.mobile-navbar-wrapp{display: block;}
.header-social{display: none;}
.main-header-nav .navbar {background-color: #fff; padding: 12px 0px; }
.main-header-nav .navbar-brand {width: 140px; }
#home-slider .item {height: 135px; position: relative; }
#home-slider .owl-dots{display: none;}
.welcome-subsidy {padding: 18px 0px; }
.welcome-sub-head{width: 100%;}
.welcome-sub-head h2{font-size: 28px;}
.welcome-sub-head p {color: #000; font-size: 13px; }
.welcome-sub-head {text-align: center; width: 100%; margin: 0 auto 20px; }
.welcome-sub-box h4 {color: #3758a7; margin-bottom: 13px; font-weight: 500; font-size: 22px; }
.welcome-sub-box p {color: #000; font-size: 13px; line-height: 20px; }
.welcome-sub-box a {background-color: #b79d5b; padding: 7px; display: inline-block; color: #fff; text-decoration: none; margin-top: 3px; font-size: 15px; }
.wel-right-img img {width: 80%; margin: 0 auto; display: block; }
.wel-right-img{margin-top: 30px;}
.wel-left-img img {width: 100%; display: block; margin-right: auto !important; margin-bottom: 40px; }
.welcome-new-sec {padding: 20px 0px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.why-choose-subsidy {padding: 3px 0px 40px; }
.welcome-sub-head h5 {font-size: 22px; font-weight: 500; margin-bottom: 12px; }
.why-choose-info img {width: 100%; margin: 0 auto; margin-top: 0px; display: block; margin-top: 60px !important; }
.why-choose-info a {background-color: #3758a7; padding: 10px; display: inline-block; color: #fff; text-decoration: none; margin-top: 43px; font-size: 14px; }
.key-response {background-color: #eaeaea; padding: 30px 0px; }
.key-response-img {padding-right: 0; }
.welcome-sub-box ul li {color: #000; font-size: 14px; margin-bottom: 3px; font-weight: 600; }
.case-study {padding: 20px 0px 20px; }
.image-video.style2 img {margin-right: auto; margin-left: 0; border-radius: 5px; width: 100%; }
.image-video.style2 {padding-right: 0px; }
.technology-solution .overlay{display: none;}
.technology-solution .content-about {padding-right: 0px; padding-top: 19px; margin-left: 0; position: relative; z-index: 1; }
.content-about h2 {color: #3758a7; font-weight: 500; line-height: 28px; margin-bottom: 14px; font-size: 22px; }
.content-about p {color: #000; font-size: 13px; margin-bottom: 17px; }
.content-about a {display: inline-block; background-color: #3758a7; color: #fff !important; text-decoration: none; padding: 8px 11px; margin-top: 20px; }
.footer-newsletter {background-color: #b79d5b; padding: 15px 0px; }
.footer-news-inn{display: block;}
.footer-news-head h3 {margin-bottom: 14px; color: #fff; font-size: 28px; }
.footer-news-form {width: 100%; }
.footer-main-div {background-color: #141521; padding: 30px 0px 14px; }
.footer-box p {color: #fff; font-size: 13px; margin-top: 20px; }
.footer-phone-div .navbar-brand img{width: 43%;}
.footer-phone .foot-blog-con {width: 84%; }
.footer-phone-div ul {margin-top: 0px; }
.service-link {padding-left: 0; }
.footer-box h5 {color: #fff; font-size: 21px; margin-bottom: 13px; }
.footer-box ul li {font-size: 13px; margin-bottom: 10px; color: #fff; }
.blog-footer img {width: 50px; height: 50px; border-radius: 50%; margin-right: -3px; }
.foot-blog-con {width: 84%; }
.footer-phone-div{margin-bottom: 40px;}
.blog-footer {border-top: unset; padding-top: 5px; margin-top: 10px; }
.footer-copyright {border-top: 1px solid #ccc; margin-top: 20px; padding-top: 22px; text-align: center; }
.footer-copyright p{font-size: 13px;}


.about-mid-con p {font-size: 13px; line-height: 20px; color: #000; }
.about-mid-common p {font-size: 13px; line-height: 20px; color: #000; }

.inner-banner img {width: 100%; height: 150px; }
.inner-page-banner h2{font-size: 24px;}
ul.breadcrumb{margin-bottom: 0px;}
ul.breadcrumb li{font-size: 12px;}


.service-design-box {background-color: #c9d7f8; padding: 20px 20px 20px 20px; width: 100%; position: relative; height: auto; border-radius: 7px; display: block; align-items: center; }
.serv-box-cont {height: 100%; display: block; align-items: center; }
.service-design-main {display: block; justify-content: flex-end; margin-bottom: 52px; }
.serv-box-cont-inn {position: relative; z-index: 9; margin-bottom: 27px; }
.serv-design-img {position: unset; left: -93px; right: 0; top: 0; height: 100%; display: flex; align-items: center; }
.serv-design-img img {width: 100%; }
.service-design-box h3 {text-transform: uppercase; font-weight: 600; font-size: 19px; margin-bottom: 14px; }
.service-design-box p{font-size: 13px;}
.service-design-box h6{font-size: 13px;}
.service-design-box a{font-size: 13px;}


.home-cta-main {background-repeat: no-repeat; background-size: cover; width: 100%; padding: 30px 0px 40px; }
.home-cta-con h3{font-size: 21px;}
.home-cta-con p{font-size: 13px;}
.home-cta-con .cta-contact {background-color: #fff; display: inline-block; padding: 7px 22px; border-radius: 4px; color: #3758a7; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 13px; margin-top: 10px; margin-right: 0px; border-radius: 50px; letter-spacing: 1px; }


.service-central-accord .accordion-body img {float: unset; width: 100%; margin-bottom: 30px; }
.faq-page-wrapper .accordion-button p {margin-bottom: 0px; padding-left: 10px; font-weight: 600; font-size: 14px; }
.service-central-accord .accordion-body p{font-size: 13px;}
.service-central-accord .accordion-body h3{font-size: 18px;}


.col-rev-sty{flex-direction: column-reverse;}
.state-right{margin-bottom: 40px;}
.state-right {background-color: #3758a7; border-radius: 16px; padding: 12px 12px; }
.state-right h3 {background-color: #fff; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 22px; color: #3758a7; letter-spacing: 2px; padding: 10px; border-radius: 6px; margin-bottom: 6px; }
.state-right ul li {border-bottom: 2px dashed #5974b6; padding: 11px; }
.state-right ul li a {color: #fff; text-decoration: none; font-size: 16px; }

.state-left h3 {font-weight: 600; font-size: 27px; margin-top: 16px; }
.state-left p{font-size: 13px;}
.state-common-con h3 {font-weight: 600; font-size: 20px; }
.state-common-con p{font-size: 13px;}


.other-serv-main ul li button.active .tab-parent-btn-inn {-webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); }
.other-serv-main ul li button{font-size: 13px;}
.other-serv-main ul li button#pills-profile-tab .tab-parent-btn {margin: 0 0 0 0px; }
.other-serv-main ul li button.active .tab-parent-btn {width: 100%; height: auto; margin: 0 0 0 0px; -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); background: #3758a7; padding: 26px; }
.other-serv-main ul li{width: 100%;}


.other-tab-con {padding: 0px 8px; }
.other-tab-con h2 {font-weight: 600; font-size: 23px; margin-bottom: 11px; }
.other-tab-con p {font-size: 13px; margin-bottom: 10px; }
.other-tab-con ul {border: none; padding-left: 14px; }
.other-tab-con ul li {font-size: 13px; margin-bottom: 10px; }
.other-tab-con h3{font-size: 20px;}

.blg-box-con p {font-size: 13px; line-height: 18px; }
.blg-box-con h2 {color: #3758a7; font-size: 21px; margin-bottom: 15px; position: relative; padding-bottom: 9px; }
.blg-box-con {padding: 14px; }
.blg-box-con h3 {background-color: #b69e5c; display: inline-block; padding: 10px 9px; color: #fff; font-size: 14px; margin-bottom: 15px; }

.blog-detail-left p{font-size: 13px;}
.blog-detail-left h3 {color: #3758a7; font-weight: 500; font-size: 23px; margin-bottom: 9px; }
.blog-detail-left blockquote {background-color: #fff; box-shadow: 0px 0px 10px #ccc; padding: 21px 21px; font-size: 13px; margin: 24px 0px; border-left: 5px solid #3758a7; position: relative; }
.blog-detail-sidear{margin-top: 50px;}

.blog-category h5{font-size: 21px;}
.blog-category ul {list-style-type: none; padding: 4px 20px 29px; }



.faq-image-con-inner h4 {color: #fff; font-size: 22px; border-top: 3px solid #fff; padding-top: 6px; }
.faq-image-con-inner {width: 230px; background-color: #3758a7; height: 230px; display: flex; justify-content: center; align-items: center; text-align: left; padding: 20px; }
.faq-page-image {position: relative; margin-top: 50px; }
.faq-head h5{font-size: 27px;}
.faq-page-wrapper .accordion-body p{font-size: 13px;}



.case-con h3 {font-weight: 600; font-size: 23px; line-height: 28px; border-bottom: 1px solid #ccc; padding-bottom: 9px; margin-bottom: 10px; }
.case-con a {text-decoration: none; color: #b79d5b; text-transform: uppercase; display: inline-block; margin-bottom: 12px; font-weight: 500; font-size: 14px; }


.contact-page-detail {padding-left: 1%; padding-top: 5%; }
.contact-page-detail h5 {font-size: 19px; font-weight: 600; }
.contact-page-detail h2 {color: #3758a7; font-weight: 500; font-size: 25px; margin: 13px 0px; }
.contact-page-detail ul li i {width: 35px; height: 35px; background-color: #b79d5b; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: 13px; font-size: 13px; }
.contact-page-detail ul li {display: flex; align-items: center; margin-bottom: 20px; }
.contact-page-detail p{font-size: 13px;}
.contact-page-form {background-color: #f6fafd; padding: 30px 20px; }

}




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

.desktop-navbar-div{display: none;}
.mobile-navbar-wrapp{display: block;}
.header-social{display: none;}
.main-header-nav .navbar {background-color: #fff; padding: 12px 0px; }
.main-header-nav .navbar-brand {width: 140px; }
#home-slider .item {height: 261px; position: relative; }
#home-slider .owl-dots{display: none;}
.welcome-subsidy {padding: 18px 0px; }
.welcome-sub-head{width: 100%;}
.welcome-sub-head h2{font-size: 28px;}
.welcome-sub-head p {color: #000; font-size: 13px; }
.welcome-sub-head {text-align: center; width: 100%; margin: 0 auto 20px; }
.welcome-sub-box h4 {color: #3758a7; margin-bottom: 13px; font-weight: 500; font-size: 22px; }
.welcome-sub-box p {color: #000; font-size: 13px; line-height: 20px; }
.welcome-sub-box a {background-color: #b79d5b; padding: 7px; display: inline-block; color: #fff; text-decoration: none; margin-top: 3px; font-size: 15px; }
.wel-right-img img {width: 80%; margin: 0 auto; display: block; }
.wel-right-img{margin-top: 30px;}
.wel-left-img img {width: 100%; display: block; margin-right: auto !important; margin-bottom: 40px; }
.welcome-new-sec {padding: 20px 0px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.why-choose-subsidy {padding: 3px 0px 40px; }
.welcome-sub-head h5 {font-size: 22px; font-weight: 500; margin-bottom: 12px; }
.why-choose-info img {width: 100%; margin: 0 auto; margin-top: 0px; display: block; margin-top: 60px !important; }
.why-choose-info a {background-color: #3758a7; padding: 10px; display: inline-block; color: #fff; text-decoration: none; margin-top: 43px; font-size: 14px; }
.key-response {background-color: #eaeaea; padding: 30px 0px; }
.key-response-img {padding-right: 0; }
.welcome-sub-box ul li {color: #000; font-size: 14px; margin-bottom: 3px; font-weight: 600; }
.case-study {padding: 20px 0px 20px; }
.image-video.style2 img {margin-right: auto; margin-left: 0; border-radius: 5px; width: 100%; }
.image-video.style2 {padding-right: 0px; }
.technology-solution .overlay{display: none;}
.technology-solution .content-about {padding-right: 0px; padding-top: 19px; margin-left: 0; position: relative; z-index: 1; }
.content-about h2 {color: #3758a7; font-weight: 500; line-height: 28px; margin-bottom: 14px; font-size: 22px; }
.content-about p {color: #000; font-size: 13px; margin-bottom: 17px; }
.content-about a {display: inline-block; background-color: #3758a7; color: #fff !important; text-decoration: none; padding: 8px 11px; margin-top: 20px; }
.footer-newsletter {background-color: #b79d5b; padding: 15px 0px; }
.footer-news-inn{display: block;}
.footer-news-head h3 {margin-bottom: 14px; color: #fff; font-size: 28px; }
.footer-news-form {width: 100%; }
.footer-main-div {background-color: #141521; padding: 30px 0px 14px; }
.footer-box p {color: #fff; font-size: 13px; margin-top: 20px; }
.footer-phone-div .navbar-brand img{width: 43%;}
.footer-phone .foot-blog-con {width: 84%; }
.footer-phone-div ul {margin-top: 0px; }
.service-link {padding-left: 0; }
.footer-box h5 {color: #fff; font-size: 21px; margin-bottom: 13px; }
.footer-box ul li {font-size: 13px; margin-bottom: 10px; color: #fff; }
.blog-footer img {width: 50px; height: 50px; border-radius: 50%; margin-right: -3px; }
.foot-blog-con {width: 84%; }
.footer-phone-div{margin-bottom: 40px;}
.blog-footer {border-top: unset; padding-top: 5px; margin-top: 10px; }
.footer-copyright {border-top: 1px solid #ccc; margin-top: 20px; padding-top: 22px; text-align: center; }
.footer-copyright p{font-size: 13px;}

.about-mid-con p {font-size: 13px; line-height: 20px; color: #000; }
.about-mid-common p {font-size: 13px; line-height: 20px; color: #000; }

.inner-banner img {width: 100%; height: 200px; }
.inner-page-banner h2{font-size: 24px;}
ul.breadcrumb{margin-bottom: 0px;}
ul.breadcrumb li{font-size: 12px;}
.about-mid-common {margin-top: 0px; }

.service-design-box {background-color: #c9d7f8; padding: 20px 20px 20px 20px; width: 100%; position: relative; height: auto; border-radius: 7px; display: block; align-items: center; }
.serv-box-cont {height: 100%; display: flex; align-items: center; }
.service-design-main {display: block; justify-content: flex-end; margin-bottom: 52px; }
.serv-box-cont-inn {position: relative; z-index: 9; margin-bottom: 27px; }
.serv-design-img {position: unset; left: -93px; right: 0; top: 0; height: 100%; display: flex; align-items: center; }
.serv-design-img img {width: 100%; }
.service-design-box h3 {text-transform: uppercase; font-weight: 600; font-size: 19px; margin-bottom: 14px; }
.service-design-box p{font-size: 13px;}
.service-design-box h6{font-size: 13px;}
.service-design-box a{font-size: 13px;}

.home-cta-main {background-repeat: no-repeat; background-size: cover; width: 100%; padding: 30px 0px 40px; }
.home-cta-con h3{font-size: 21px;}
.home-cta-con p{font-size: 13px;}
.home-cta-con .cta-contact {background-color: #fff; display: inline-block; padding: 7px 22px; border-radius: 4px; color: #3758a7; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 13px; margin-top: 10px; margin-right: 0px; border-radius: 50px; letter-spacing: 1px; }

.service-central-accord .accordion-body img {float: unset; width: 100%; margin-bottom: 30px; }
.faq-page-wrapper .accordion-button p {margin-bottom: 0px; padding-left: 10px; font-weight: 600; font-size: 14px; }
.service-central-accord .accordion-body p{font-size: 13px;}
.service-central-accord .accordion-body h3{font-size: 18px;}


.col-rev-sty{flex-direction: column-reverse;}
.state-right{margin-bottom: 40px;}
.state-right {background-color: #3758a7; border-radius: 16px; padding: 12px 12px; }
.state-right h3 {background-color: #fff; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 22px; color: #3758a7; letter-spacing: 2px; padding: 10px; border-radius: 6px; margin-bottom: 6px; }
.state-right ul li {border-bottom: 2px dashed #5974b6; padding: 11px; }
.state-right ul li a {color: #fff; text-decoration: none; font-size: 16px; }
.state-left h3 {font-weight: 600; font-size: 27px; margin-top: 16px; }
.state-left p{font-size: 13px;}
.state-common-con h3 {font-weight: 600; font-size: 20px; }
.state-common-con p{font-size: 13px;}

.other-tab-con {padding: 0px 8px; }
.other-tab-con h2 {font-weight: 600; font-size: 23px; margin-bottom: 11px; }
.other-tab-con p {font-size: 13px; margin-bottom: 10px; }
.other-tab-con ul {border: none; padding-left: 14px; }
.other-tab-con ul li {font-size: 13px; margin-bottom: 10px; }
.other-tab-con h3{font-size: 20px;}
.other-serv-main ul li button{font-size: 13px;}


.blg-box-con p {font-size: 13px; line-height: 18px; }
.blg-box-con h2 {color: #3758a7; font-size: 21px; margin-bottom: 15px; position: relative; padding-bottom: 9px; }
.blg-box-con {padding: 14px; }
.blg-box-con h3 {background-color: #b69e5c; display: inline-block; padding: 10px 9px; color: #fff; font-size: 14px; margin-bottom: 15px; }
.blog-detail-left p{font-size: 13px;}
.blog-detail-left h3 {color: #3758a7; font-weight: 500; font-size: 23px; margin-bottom: 9px; }
.blog-detail-left blockquote {background-color: #fff; box-shadow: 0px 0px 10px #ccc; padding: 21px 21px; font-size: 13px; margin: 24px 0px; border-left: 5px solid #3758a7; position: relative; }
.blog-detail-sidear{margin-top: 50px;}
.blog-category h5{font-size: 21px;}
.blog-category ul {list-style-type: none; padding: 4px 20px 29px; }


.faq-image-con-inner h4 {color: #fff; font-size: 22px; border-top: 3px solid #fff; padding-top: 6px; }
.faq-image-con-inner {width: 230px; background-color: #3758a7; height: 230px; display: flex; justify-content: center; align-items: center; text-align: left; padding: 20px; }
.faq-page-image {position: relative; margin-top: 50px; }
.faq-head h5{font-size: 27px;}
.faq-page-wrapper .accordion-body p{font-size: 13px;}
.case-con h3 {font-weight: 600; font-size: 23px; line-height: 28px; border-bottom: 1px solid #ccc; padding-bottom: 9px; margin-bottom: 10px; }
.case-con a {text-decoration: none; color: #b79d5b; text-transform: uppercase; display: inline-block; margin-bottom: 12px; font-weight: 500; font-size: 14px; }

.contact-page-detail {padding-left: 1%; padding-top: 5%; }
.contact-page-detail h5 {font-size: 19px; font-weight: 600; }
.contact-page-detail h2 {color: #3758a7; font-weight: 500; font-size: 25px; margin: 13px 0px; }
.contact-page-detail ul li i {width: 35px; height: 35px; background-color: #b79d5b; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: 13px; font-size: 13px; }
.contact-page-detail ul li {display: flex; align-items: center; margin-bottom: 20px; }
.contact-page-detail p{font-size: 13px;}
.contact-page-form {background-color: #f6fafd; padding: 30px 20px; }



}



@media (min-width: 1369px) and (max-width: 2592px) {
#home-slider .item {
    height: 600px;
    position: relative;
}
}