@media (max-width: 767px) { 
#home-slider .item{height: auto;}
.navbar-brand {width: 38%;}
.navbar-toggler{padding: 2px 10px;}
.top-flag{text-align: center;}
.top-flag a{font-size: 13px;}
.top-social ul{justify-content: center;}
.top-social ul li {margin-left: 18px; }
.top-social ul li a i {font-size: var(--font-21); }
.top-social ul{margin-top: 16px;}
.banner-below-main{margin-top: 0px;}
.banner-below-box{display: block; margin-bottom: 20px; padding: 20px 25px;}
.banner-below-wrap {padding: 20px 0px; }
.banner-below-box i{font-size: 25px;}
.banner-below-box h3 {color: var(--primary-color); font-size: var(--font-17); font-weight: var(--font-weight-700); margin: 16px 0px 10px; }
.banner-below-box p {margin-bottom: 0px; font-size: var(--font-12); color: var(--secondary-color); line-height: 19px; }
.home-about {padding-top: 0px; }
.home-about-back-main{padding: 20px 0px;}
.home-about-content{padding-right: 0px; padding-bottom: 40px;}
.home-about-content h5 {margin-bottom: 5px; font-size: var(--font-18); }
.home-about-content h3 {color: var(--primary-color); font-weight: var(--font-weight-800); font-size: var(--font-25); margin-bottom: 11px; }
.home-about-content p {font-size: var(--font-12); line-height: 20px; }
.home-about-content a {background-color: var(--primary-color); color: #fff; padding: 7px 22px; text-decoration: none; font-size: var(--font-13); border-radius: 0; display: inline-block; margin-top: 6px; text-transform: var(--text-uppercase); }
.technology-head h3{font-size: 25px; margin-bottom: 30px;}
.technology-wrap {padding: 30px 0px 100px; }
.cta-main img {width: 100%; height: 270px; }
.cta-con-inner {background-color: #0009; width: 90%; padding: 13px 27px; text-align: center; }
.cta-inner-div h4 {color: var(--white-color); font-size: var(--font-20); margin-bottom: 13px; }
.cta-inner-div h2 {font-weight: var(--font-weight-800); text-transform: var(--text-uppercase); color: var(--white-color); font-size: var(--font-22); }
.cta-inner-div p {color: var(--white-color); font-size: var(--font-12); margin-top: 14px; }
.tech-links {margin-bottom: 40px; }
.tech-links p {text-align: center; color: var(--primary-color); font-size: var(--font-13); font-weight: var(--font-weight-600); font-family: var(--secondary-font-family) !important; }
#tech-slider .owl-dots button {border: none; width: 37px; height: 10px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px; background-color: #c3c3c3; }
.home-service-wrap {padding: 25px 0px 10px; }
.home-service-head h3 {text-align: center; font-size: var(--font-25); color: var(--primary-color); margin-bottom: 30px; font-weight: var(--font-weight-600); font-family: var(--secondary-font-family); }
.services-content {padding: 20px 20px 30px; }
.services-content h4{font-size: 16px;}
.services-content p {font-size: var(--font-12); text-align: justify; }
.counter-button a{font-size: 13px; margin-right: 0px; margin-top: 0px;}
.main-con {padding: 20px 0px 0px 10px; }
.main-con p{font-size: 15px;}
.industries-number {padding: 0px 0px 0px 0px; }
.industries-number span{font-size: 69px;}
.industries-box {padding: 0 0px 0 0; margin-bottom: 40px; margin-top: 20px;}
.industries-box .content small {font-size: var(--font-12); letter-spacing: 5px; font-weight: var(--font-weight-400); color: #222; text-transform: var(--text-uppercase); }
.industries-box .content h4{font-size: 23px;}
.industries-box .content h6{font-size: 15px;}
.industries-box .content p{font-size: 12px;}
.industries-box .content::after {content: ""; position: absolute; left: 20%; right: -2%; top: -4%; bottom: -4%; border: 4px solid var(--primary-color); z-index: -1; }
.second-row {margin-top: 30px; }
.we-serve-wrapper {background-color: #efefef; margin: 40px 0px; padding: 30px 0px; }
.we-serve-head h2 {color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-25); margin-bottom: 18px; }
.we-serve-head p {color: var(--secondary-color); font-size: var(--font-12); }
.we-serve-box {background-color: #fff; border: 1px solid #ccc; width: 100%; padding: 20px; display: block; justify-content: center; align-items: center; margin-top: 0px; margin-bottom: 30px; }
.serve-icon i {width: 60px; height: 60px; background-color: var(--primary-background); border-radius: 100%; color: var(--white-color); display: flex; justify-content: center; align-items: center; font-size: 31px; margin-right: 37px; margin-bottom: 13px; }
.serve-content h6{font-size: 20px;}
.serve-content p{font-size: 12px;}
.service-head h2{font-size: 25px;}
.service-head p{font-size: 12px;}
.counter-wrapper {background-color: #efefef; padding: 30px 0px 40px; margin-top: 10px; }
.conter-head h2{font-size: 25px;}
.conter-head p{font-size: 12px;}
#counter{display: block; padding: 0px 0px 0px;}
#counter li {flex: 1; text-align: center; font-size: 37px; color: var(--primary-color); font-weight: 700; margin-bottom: 38px; }
#client-slider .owl-dots button {border: none; width: 33px; height: 10px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px; background-color: #c3c3c3; }
.hire-content p {color: var(--white-color); text-align: justify; font-size: 12px; line-height: 17px; }
.hire-content a {background-color: var(--white-background); color: var(--primary-color); padding: 10px 12px; text-decoration: none; font-size: var(--font-13); border-radius: 0; display: inline-block; margin-top: 20px; font-weight: 500; text-transform: var(--text-uppercase); margin-right: 20px; }
.footer-about img {width: 50%; margin-bottom: 20px; }
.footer-about p {color: var(--white-color); font-size: 12px; }
.footer-quick-link {padding-left: 0px; margin-bottom: 30px; }
.footer-quick-link ul li {margin-bottom: 11px; }
.footer-quick-link ul li a{font-size: 12px;}
.footer-contact {padding-left: 0; }
.footer-contact ul li {display: var(--secondary-display); color: var(--white-color); font-size: var(--font-12); }
.main-footer {background-color: #063f6e; padding: 20px 0px; }
.footer-social ul{justify-content: center;}
.footer-social ul li a i {color: var(--white-color); background-color: #063f6e; width: 30px; height: 30px; border-radius: 3px; display: flex; justify-content: center; align-items: center; font-size: 14px; text-decoration: none; box-shadow: 2px 2px 0px #2e2e2e; }
.subs-div {width: 100%; margin: 30px auto 20px; text-align: center; }
.subs-div p {color: #063f6e; font-weight: 600; font-size: 13px; }
.card-payment {float: unset; text-align: center; }
.card-payment p {color: #063f6e; font-weight: 600; font-size: 13px; }
.footer-bottom p {color: #f8f9fa; font-size: 12px; padding: 0px 0px 0px 0; }
.copyright-inner p {margin-bottom: 0; font-size: 12px; color: #f8f9fa; }
.topbar{display: none;}

ul.breadcrumb li {display: inline; font-size: 9px; color: var(--primary-color); font-weight: 500; }
.domain-detail-listing-wrap {padding: 30px 0px 0px; }
.tech-form-inner h2{font-size: 36px;}
.comman-service-head p{color: #000!important;}
.mobile-padd{padding-right: 15px!important;}
.mobile-padd-2{padding-left: 15px!important;}
.tech-form-right{padding: 20px 20px;}
.tech-form-right-inner form input{padding: 9px 7px;}
.tech-form-right-inner form textarea{padding: 9px 7px;}
.tech-form-right-inner form button {background-color: #085696; color: #fff; border: none; padding: 10px 15px; font-size: 16px; }
.domain-hire-main{padding-top: 4px!important;}
.domain-detail-box{height: auto;}

.domain-list-main-cta{padding: 30px 0px;}
.domain-form-left{margin-bottom: 20px;}
.domain-list-cta-content {padding-left: 0; }
.domain-list-cta-inner-content {text-align: left; }
.domain-list-cta-inner-content h5 {color: #fff; font-size: 21px; font-weight: 600; margin-bottom: 16px; }
.domain-list-cta-inner-content p{font-size: 12px;}


.blog-page-wrapper{margin-top: 0!important;}
.blog-page-wrapper {padding: 30px 0; }
.service-list-head h5{font-size: 27px;}
.service-list-head h5::after {content: ''; width: 90px; height: 3px; background-color: #095696; display: inline-block; margin-bottom: 13px; margin-left: 10px; margin-top: 16px; border-radius: 100%; }
 .service-list-head h5::before {content: ''; width: 90px; height: 3px; background-color: #095696; display: inline-block; margin-bottom: 13px; margin-right: 10px; margin-top: 16px; border-radius: 100%; }
.inner-banner-content h3 {color: #fff; font-weight: 700; font-size: 21px; text-transform: uppercase; text-align: center; padding: 49px; }
.blod-detail-description p {text-align: justify; font-size: 13px; font-weight: 400; color: #000; }
.blod-detail-description h3{margin-bottom: 20px; font-size: 20px; font-weight: 600; }
.blod-detail-description h2{margin-bottom: 20px; font-size: 20px; font-weight: 600; }
.widget{padding: 10px;}

.gallery-tabs{margin-top: 63px; text-align: center;}
.common-page-wrap {padding: 20px 0px; }

.about-cta-inner p {color: var(--secondary-color); font-size: var(--font-13); text-align: justify; margin-bottom: 37px; }
.about-cta-inner h4 {color: var(--primary-color); font-size: var(--font-26); font-weight: var(--font-weight-700); margin-bottom: 16px; }
.about-cta-main {background-color: #f1f1f1; padding: 30px 0px 5px; margin-bottom: 40px;}
.our-story-wrap {padding: 0px 0px 40px; }
.our-story-image img {width: 100%; margin-bottom: 50px; }
.our-story-tab .d-flex{display: block!important;}
.out-story-con-inn p{font-size: 13px;}
.out-story-con-inn {border: 3px solid var(--primary-color); padding: 0px 29px 20px; height: auto; margin-bottom: 30px; }
.our-story-tab #v-pills-tab button {transform: unset; margin: 12px 0px 0; border: 2px solid #095696; border-radius: 0; color: #000 !important; display: flow-root list-item; }
.social-awar {padding: 0px 0px 10px; }
.hire-content-about h2{font-size: 25px; padding-top: 20px; margin-bottom: 13px;}
.hire-content-about p {font-size: 14px; text-align: justify; margin-bottom: 28px; }
#v-pills-tab.flex-column {
  flex-direction: unset!important;
  justify-content: center;
}
.why-choose-main {padding: 30px 0px 50px; text-align: center; }
.why-choose-main h3 {color: #085696; font-weight: 700; font-size: 25px; margin-bottom: 22px; }
.why-choose-main p {font-size: 13px; color: #000; }
.how-does-content p{font-size: 13px;}
.service-list-head h2 {color: #095696; font-weight: 700; font-size: 28px; width: 50%; margin: .0 auto; margin-bottom: 0px; margin-bottom: 50px; }
.service-list-wrap {padding: 20px 0px 50px; }

.our-team-wrapp {padding: 10px 0px; }
.our-team-head h2 {color: #095696; font-weight: 700; font-size: 25px; width: 100%; margin: .0 auto; margin-bottom: 0px; margin-bottom: 50px; text-align: center; margin-bottom: 0px;}
.rs-team.style1{padding-left: 0px;}
.rs-team.style1 .team-item-wrap .images-wrap::before {display: none;}
.team-item-wrap img {width: 100%; height: auto; object-fit: cover; margin-top: 20px;}
.our-team-wrapper{padding-bottom: 50px;}

.contact-page-wrapper{margin-top: 0px;}
.contact-page-wrapper {padding: 10px 0px 20px; }
.contact-page-form .course-head{margin-bottom: 40px;}
.contact-page-form .course-head h3{font-size: 25px;}
.office-addres{margin-bottom: 0px;}
.office-addres h5{font-size: 21px;}
.office-addres p {color: #a59f9f; font-size: 13px; }
.office-addres h4 {font-size: 15px; font-weight: 600; margin-top: 33px; }
}

@media (min-width: 768px) and (max-width: 991px) { 
#home-slider .item{height: auto;}
.navbar-brand {width: 25%;}
.navbar-toggler{padding: 2px 10px;}
.top-flag{text-align: center;}
.top-flag a{font-size: 13px;}
.top-social ul{justify-content: center;}
.top-social ul li {margin-left: 18px; }
.top-social ul li a i {font-size: var(--font-21); }
.top-social ul{margin-top: 16px;}
.banner-below-main{margin-top: 0px;}
.banner-below-box{display: table-caption; margin-bottom: 20px; padding: 20px 25px;}
.banner-below-wrap {padding: 20px 0px; }
.banner-below-box i{font-size: 25px;}
.banner-below-box h3 {color: var(--primary-color); font-size: var(--font-17); font-weight: var(--font-weight-700); margin: 16px 0px 10px; }
.banner-below-box p {margin-bottom: 0px; font-size: var(--font-12); color: var(--secondary-color); line-height: 19px; }
.home-about {padding-top: 0px; }
.home-about-back-main{padding: 20px 0px;}
.home-about-content{padding-right: 0px; padding-bottom: 40px;}
.home-about-content h5 {margin-bottom: 5px; font-size: var(--font-18); }
.home-about-content h3 {color: var(--primary-color); font-weight: var(--font-weight-800); font-size: var(--font-25); margin-bottom: 11px; }
.home-about-content p {font-size: var(--font-12); line-height: 20px; }
.home-about-content a {background-color: var(--primary-color); color: #fff; padding: 7px 22px; text-decoration: none; font-size: var(--font-13); border-radius: 0; display: inline-block; margin-top: 6px; text-transform: var(--text-uppercase); }
.technology-head h3{font-size: 25px; margin-bottom: 30px;}
.technology-wrap {padding: 30px 0px 100px; }
.cta-main img {width: 100%; height: 270px; }
.cta-con-inner {background-color: #0009; width: 90%; padding: 13px 27px; text-align: center; }
.cta-inner-div h4 {color: var(--white-color); font-size: var(--font-20); margin-bottom: 13px; }
.cta-inner-div h2 {font-weight: var(--font-weight-800); text-transform: var(--text-uppercase); color: var(--white-color); font-size: var(--font-22); }
.cta-inner-div p {color: var(--white-color); font-size: var(--font-12); margin-top: 14px; }
.tech-links {margin-bottom: 40px; }
.tech-links p {text-align: center; color: var(--primary-color); font-size: var(--font-13); font-weight: var(--font-weight-600); font-family: var(--secondary-font-family) !important; }
#tech-slider .owl-dots button {border: none; width: 37px; height: 10px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px; background-color: #c3c3c3; }
.home-service-wrap {padding: 25px 0px 10px; }
.home-service-head h3 {text-align: center; font-size: var(--font-25); color: var(--primary-color); margin-bottom: 30px; font-weight: var(--font-weight-600); font-family: var(--secondary-font-family); }
.services-content {padding: 20px 20px 30px; }
.services-content h4{font-size: 16px;}
.services-content p {font-size: var(--font-12); text-align: justify; }
.counter-button a{font-size: 13px; margin-right: 0px; margin-top: 0px;}
.main-con {padding: 20px 0px 0px 10px; }
.main-con p{font-size: 15px;}
.industries-number {padding: 0px 0px 0px 0px; }
.industries-number span{font-size: 69px;}
.industries-box {padding: 0 0px 0 0; margin-bottom: 40px; margin-top: 20px;}
.industries-box .content small {font-size: var(--font-12); letter-spacing: 5px; font-weight: var(--font-weight-400); color: #222; text-transform: var(--text-uppercase); }
.industries-box .content h4{font-size: 23px;}
.industries-box .content h6{font-size: 15px;}
.industries-box .content p{font-size: 12px;}
.industries-box .content::after {content: ""; position: absolute; left: 20%; right: -2%; top: -4%; bottom: -4%; border: 4px solid var(--primary-color); z-index: -1; }
.second-row {margin-top: 30px; }
.we-serve-wrapper {background-color: #efefef; margin: 40px 0px; padding: 30px 0px; }
.we-serve-head h2 {color: var(--primary-color); font-weight: var(--font-weight-600); font-size: var(--font-25); margin-bottom: 18px; }
.we-serve-head p {color: var(--secondary-color); font-size: var(--font-12); }
.we-serve-box {background-color: #fff; border: 1px solid #ccc; width: 100%; padding: 20px; display: block; justify-content: center; align-items: center; margin-top: 0px; margin-bottom: 30px; }
.serve-icon i {width: 60px; height: 60px; background-color: var(--primary-background); border-radius: 100%; color: var(--white-color); display: flex; justify-content: center; align-items: center; font-size: 31px; margin-right: 37px; margin-bottom: 13px; }
.serve-content h6{font-size: 20px;}
.serve-content p{font-size: 12px;}
.service-head h2{font-size: 25px;}
.service-head p{font-size: 12px;}
.counter-wrapper {background-color: #efefef; padding: 30px 0px 40px; margin-top: 10px; }
.conter-head h2{font-size: 25px;}
.conter-head p{font-size: 12px;}
#counter{display: flex; padding: 0px 0px 0px;}
#counter li {flex: 1; text-align: center; font-size: 33px; color: var(--primary-color); font-weight: 700; margin-bottom: 38px; }
#counter li p {font-size: 12px; margin-top: 0px; color: var(--secondary-color); font-weight: 500; text-transform: uppercase; }
#client-slider .owl-dots button {border: none; width: 33px; height: 10px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px; background-color: #c3c3c3; }
.hire-content p {color: var(--white-color); text-align: justify; font-size: 12px; line-height: 17px; }
.hire-content a {background-color: var(--white-background); color: var(--primary-color); padding: 10px 12px; text-decoration: none; font-size: var(--font-13); border-radius: 0; display: inline-block; margin-top: 20px; font-weight: 500; text-transform: var(--text-uppercase); margin-right: 20px; }
.footer-about img {width: 50%; margin-bottom: 20px; }
.footer-about p {color: var(--white-color); font-size: 12px; }
.footer-quick-link {padding-left: 0px; margin-bottom: 30px; }
.footer-quick-link ul li {margin-bottom: 11px; }
.footer-quick-link ul li a{font-size: 12px;}
.footer-contact {padding-left: 0; }
.footer-contact ul li {display: var(--secondary-display); color: var(--white-color); font-size: var(--font-12); }
.main-footer {background-color: #063f6e; padding: 20px 0px; }
.footer-social ul{justify-content: center;}
.footer-social ul li a i {color: var(--white-color); background-color: #063f6e; width: 30px; height: 30px; border-radius: 3px; display: flex; justify-content: center; align-items: center; font-size: 14px; text-decoration: none; box-shadow: 2px 2px 0px #2e2e2e; }
.subs-div {
  width: 100%;
  margin: 0px auto 20px;
  text-align: center;
  padding: 0px 50px;
}
.subs-div p {color: #063f6e; font-weight: 600; font-size: 13px; }
.card-payment {float: unset; text-align: center; }
.card-payment p {color: #063f6e; font-weight: 600; font-size: 13px; }
.footer-bottom p {color: #f8f9fa; font-size: 12px; padding: 0px 0px 0px 0; }
.copyright-inner p {margin-bottom: 0; font-size: 12px; color: #f8f9fa; }
.topbar{display: none;}



ul.breadcrumb li {display: inline; font-size: 9px; color: var(--primary-color); font-weight: 500; }
.domain-detail-listing-wrap {padding: 30px 0px 0px; }
.tech-form-inner h2{font-size: 36px;}
.comman-service-head p{color: #000!important;}
.mobile-padd{padding-right: 15px!important;}
.mobile-padd-2{padding-left: 15px!important;}
.tech-form-right{padding: 20px 20px;}
.tech-form-right-inner form input{padding: 9px 7px;}
.tech-form-right-inner form textarea{padding: 9px 7px;}
.tech-form-right-inner form button {background-color: #085696; color: #fff; border: none; padding: 10px 15px; font-size: 16px; }
.domain-hire-main{padding-top: 4px!important;}
.domain-detail-box{height: auto;}
.tech-form-inner img {width: 100%; height: 291px; object-fit: cover; }


.domain-list-main-cta{padding: 30px 0px;}
.domain-form-left{margin-bottom: 20px;}
.domain-list-cta-content {padding-left: 0; }
.domain-list-cta-inner-content {text-align: left; }
.domain-list-cta-inner-content h5 {color: #fff; font-size: 21px; font-weight: 600; margin-bottom: 16px; }
.domain-list-cta-inner-content p{font-size: 12px;}


.blog-page-wrapper{margin-top: 0!important;}
.blog-page-wrapper {padding: 30px 0; }
.service-list-head h5{font-size: 27px;}
.service-list-head h5::after {content: ''; width: 90px; height: 3px; background-color: #095696; display: inline-block; margin-bottom: 13px; margin-left: 10px; margin-top: 16px; border-radius: 100%; }
 .service-list-head h5::before {content: ''; width: 90px; height: 3px; background-color: #095696; display: inline-block; margin-bottom: 13px; margin-right: 10px; margin-top: 16px; border-radius: 100%; }

.inner-banner-content h3 {color: #fff; font-weight: 700; font-size: 21px; text-transform: uppercase; text-align: center; padding: 49px; }
.blod-detail-description p {text-align: justify; font-size: 13px; font-weight: 400; color: #000; }
.blod-detail-description h3{margin-bottom: 20px; font-size: 20px; font-weight: 600; }
.blod-detail-description h2{margin-bottom: 20px; font-size: 20px; font-weight: 600; }
.widget{padding: 10px;}
.gallery-tabs{margin-top: 63px;
text-align: center;}


.common-page-wrap {padding: 20px 0px; }

.about-cta-inner p {color: var(--secondary-color); font-size: var(--font-13); text-align: justify; margin-bottom: 37px; }
.about-cta-inner h4 {color: var(--primary-color); font-size: var(--font-26); font-weight: var(--font-weight-700); margin-bottom: 16px; }
.about-cta-main {background-color: #f1f1f1; padding: 30px 0px 5px; margin-bottom: 40px;}
.our-story-wrap {padding: 0px 0px 40px; }
.our-story-image img {width: 100%; margin-bottom: 50px; }
.our-story-tab .d-flex{display: block!important;}
.out-story-con-inn p{font-size: 13px;}
.out-story-con-inn {border: 3px solid var(--primary-color); padding: 0px 29px 20px; height: auto; margin-bottom: 30px; }
.our-story-tab #v-pills-tab button {transform: unset; margin: 12px 0px 0; border: 2px solid #095696; border-radius: 0; color: #000 !important; display: flow-root list-item; }
.social-awar {padding: 0px 0px 10px; }
.hire-content-about h2{font-size: 25px; padding-top: 20px; margin-bottom: 13px;}
.hire-content-about p {font-size: 14px; text-align: justify; margin-bottom: 28px; }
#v-pills-tab.flex-column {
  flex-direction: unset!important;
  justify-content: center;
}


.why-choose-main {padding: 30px 0px 50px; text-align: center; }
.why-choose-main h3 {color: #085696; font-weight: 700; font-size: 25px; margin-bottom: 22px; }
.why-choose-main p {font-size: 13px; color: #000; }
.how-does-content p{font-size: 13px;}

.service-list-head h2 {color: #095696; font-weight: 700; font-size: 28px; width: 50%; margin: .0 auto; margin-bottom: 0px; margin-bottom: 50px; }
.service-list-wrap {padding: 20px 0px 50px; }

.our-team-wrapp {padding: 10px 0px; }

.contact-page-wrapper{margin-top: 0px;}
.contact-page-wrapper {padding: 10px 0px 20px; }
.contact-page-form .course-head{margin-bottom: 40px;}
.contact-page-form .course-head h3{font-size: 25px;}
.office-addres{margin-bottom: 0px;}
.office-addres h5{font-size: 21px;}
.office-addres p {color: #a59f9f; font-size: 13px; }
.office-addres h4 {font-size: 15px; font-weight: 600; margin-top: 33px; }

.form-inner form label {
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
  font-size: 13px;
}



}



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

#home-slider .item{height: 785px;}
.banner-below-main{margin-top: -140px; z-index: 9; position: relative; }
}