/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px){

}

@media only screen and (min-width: 768px) and (max-width: 999px){


}


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

}
@media only screen and (min-width: 480px) and (max-width: 639px){

.main-menu-right__call {display: none;}

.menu-toggle{  display: block !important;}

.dt-menu{display: none;  }
.header-carousel .owl-nav { top: 80%;}
.logo img {  width: 112px;}
.header-block {   height: 80px;   padding-top: 5px;}




/*======================================*/
.services-section { padding: 50px 0 35px;}
.services-section-left { width: 100%;   margin-right: 0%;}
.services-section-left h1 {   font-size: 33px;   line-height: 40px;}
.services-section-right { width: 100%;  margin-right: 0%;    margin-top: 15px; margin-bottom: 40px;}
.services-section-left p { font-size: 14px;  padding-bottom: 10px;  line-height: 26px;  margin-bottom: 5px;}

.brands-section {  padding: 60px 0 50px;}
.brands-section h2 {  font-size: 36px;   margin-bottom: 0px;}
.why-choose-counter-item {  width: calc(51% - 37.5px);}

.about-bg-img{ background-image:   unset !important;}
.about-area .info li {  width: 100%;   padding-left: 55px;    margin-bottom: 10px;}
.about-area .info p {   margin-bottom: 2.5rem;}
.about-items .thumb .successr-ate {  right: 0px;   padding: 15px; left: unset;}
.about-area .info {   margin-top: 125px;   padding-bottom: 65px;}

.action-area ul li img{height: 95px !important}
.marquee-head{ padding: 0px 50px; }
.marquee-head.action-area {padding: 0px !important;}

.why-choose-us {  padding: 70px 0;}
.why-choose-image { margin-right: 0px;}
.faq-right {  padding: 45px 0px;  padding-left: 0px;}
.faq-right .accordion-button {  padding: 15px 0px;}
.why-choose-item-content { width: calc(100% - 10px);}
.faq-right .accordion-button img {  width: 16px;}
.why-choose-us h3 {  font-size: 26px;   margin-top: 0px;   margin-bottom: 0rem;}

.why-choose-counter-item .icon-box {display: none;}
.featured_section12 {   padding: 60px 0px 54px 0px;}
.featured_section12 h2 {  font-size: 43px;     margin-bottom: 26px;}

.address-block .footer-box{align-items: flex-start !important;  margin-bottom: 12px;}
.footer .py-5 { padding-top: 2rem !important;  padding-bottom: 2rem !important;}
.address-block.pb-5 {  padding-bottom: 2rem !important;}
.address-block.mb-5 {    margin-bottom: 2rem !important;}
.footer .g-5,.footer .gy-5 {   --bs-gutter-y: 2rem;}
.footer .footer-4{margin-top:0px;}
.footer .footer-4 h5{ display: none; }
.footer .copyright {  padding: 10px 0;}
/*===========================*/

.page-header .py-5 { padding-top: 0rem !important;  padding-bottom: 0rem !important;}
.page-header.mb-5 { margin-bottom: 0rem !important;}

.section-mid-title h1, .section-mid-title h2, .section-mid-title h2, .section-mid-title h3 {
       line-height: 35px;
}
.about-tick-points p i {   top: 7px;}
.highligt h4 {   font-size: 26px;   margin-top: 24px;}
.team-image img {  width: 94px;  height: 94px;   margin-right: 16px;}
.inner-page p {  line-height: 26px;}

.service-page-image h2 {    font-size: 2.2rem;}
.service-page-image {   margin-top: -20px;}

.contact-first-row {background: unset;}
.clients-page .col-md-3{width: 50%; float: left;}

}

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

.main-menu-right__call {display: none;}

.menu-toggle{  display: block !important;}

.dt-menu{display: none;  }
.header-carousel .owl-nav { top: 80%;}
.logo img {  width: 112px;}
.header-block {   height: 80px;   padding-top: 5px;}




/*======================================*/
.services-section { padding: 50px 0 35px;}
.services-section-left { width: 100%;   margin-right: 0%;}
.services-section-left h1 {   font-size: 33px;   line-height: 40px;}
.services-section-right { width: 100%;  margin-right: 0%;    margin-top: 15px; margin-bottom: 40px;}
.services-section-left p { font-size: 14px;  padding-bottom: 10px;  line-height: 26px;  margin-bottom: 5px;}

.brands-section {  padding: 60px 0 50px;}
.brands-section h2 {  font-size: 36px;   margin-bottom: 0px;}
.why-choose-counter-item {  width: calc(53% - 37.5px);}

.about-bg-img{ background-image:   unset !important;}
.about-area .info li {  width: 100%;   padding-left: 55px;    margin-bottom: 10px;}
.about-area .info p {   margin-bottom: 2.5rem;}
.about-items .thumb .successr-ate {  right: 0px;   padding: 15px; left: unset;}
.about-area .info {   margin-top: 125px;   padding-bottom: 65px;}

.action-area ul li img{height: 95px !important}
.marquee-head{ padding: 0px 50px; }
.marquee-head.action-area {padding: 0px !important;}

.why-choose-us {  padding: 70px 0;}
.why-choose-image { margin-right: 0px;}
.faq-right {  padding: 45px 0px;  padding-left: 0px;}
.faq-right .accordion-button {  padding: 15px 0px;}
.why-choose-item-content { width: calc(100% - 10px);}
.faq-right .accordion-button img {  width: 16px;}
.why-choose-us h3 {  font-size: 26px;   margin-top: 0px;   margin-bottom: 0rem;}

.why-choose-counter-item .icon-box {display: none;}
.featured_section12 {   padding: 60px 0px 54px 0px;}
.featured_section12 h2 {  font-size: 43px;     margin-bottom: 26px;}

.address-block .footer-box{align-items: flex-start !important;  margin-bottom: 12px;}
.footer .py-5 { padding-top: 2rem !important;  padding-bottom: 2rem !important;}
.address-block.pb-5 {  padding-bottom: 2rem !important;}
.address-block.mb-5 {    margin-bottom: 2rem !important;}
.footer .g-5,.footer .gy-5 {   --bs-gutter-y: 2rem;}
.footer .footer-4{margin-top:0px;}
.footer .footer-4 h5{ display: none; }
.footer .copyright {  padding: 10px 0;}
/*===========================*/

.page-header .py-5 { padding-top: 0rem !important;  padding-bottom: 0rem !important;}
.page-header.mb-5 { margin-bottom: 0rem !important;}

.section-mid-title h1, .section-mid-title h2, .section-mid-title h2, .section-mid-title h3 {
       line-height: 35px;
}
.about-tick-points p i {   top: 7px;}
.highligt h4 {   font-size: 26px;   margin-top: 24px;}
.team-image img {  width: 94px;  height: 94px;   margin-right: 16px;}
.inner-page p {  line-height: 26px;}

.service-page-image h2 {    font-size: 2.2rem;}
.service-page-image {   margin-top: -20px;}

.contact-first-row {background: unset;}





}