/* 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: 1170px) and (max-width: 1280px) {



       .product-box {
              width: 31%;
       }

       .product-box img {
              width: 100%;
       }

       .product-box p {
              font-size: 13px;
              margin-bottom: 10px;
              width: 100%;
              padding: 0PX 10PX;
       }

       .about-left {
              width: 48%;
              margin-right: 1%;
              margin-left: -1%;
       }

       .about-left img {
              width: 100%;
              height: 530px;
       }

       .about-right {
              width: 49%;
              padding-top: 0px;
              margin-left: 3%;
       }

       .about-right p {
              font-size: 15px;
       }

       .about-right h6 {
              font-size: 19px;
       }

       .about-right h2 {
              font-size: 32px;
              margin-bottom: 10px;
              line-height: 40px;
       }

       .about-one__content-list {
              margin-top: -30px;
       }

       .about-section {
              padding: 0px 0px 20px 0px;
       }

       .footer-5 {
              width: 22%;
       }

       .amazon_scroller {
              height: 480px !important;
       }

       .amazon_scroller_nav {
              top: 210px !important;
              width: 1200px !important;
       }

       .amazon_scroller .amazon_scroller_mask {
              margin-left: 20px !important;
              margin-right: 10px;
              width: 1165px !important;
       }

       .expert-section-left {
              width: 60%;
              float: left;
              margin-right: 2%;
              margin-left: 1%;
       }

       .expert-section-right {
              width: 37%;
              height: 400px;
       }

       .second-image {
              width: 100%;
              height: 440px;
              margin-top: -115px;
       }

       .expert-circle {
              margin-left: 2%;
       }

       .expert-section-left p {
              width: 80%;
       }

       .expert-circle p {
              width: 100%;
       }

       .expert-circle ul li {
              width: 170px;
              height: 160px;
              padding-top: 17px;
              text-align: center;
              margin-right: 20px;
       }

       .expert-circle ul li p {
              font-size: 13px;
       }

       .expert-circle ul li h4 {
              font-size: 30px;
              margin-bottom: 5px;
              margin-top: 13px;
       }

       .expert-circle ul li h6 {
              font-size: 15px;
              font-weight: 500;
              line-height: 25px;
              margin-top: 5px;
              margin-bottom: 0px;
       }

       .spin {
              width: 80px !important;
              height: 80px;
              margin-left: -8%;
              margin-top: 3%;
       }

       .add-section-right img {
              width: 100%;
       }



       .contact-one__image-two {
              height: 300px;
              right: 0px;
              bottom: 70px;
              width: 574px;
       }



       .add-section {
              padding: 40px 0px;
       }

       .contact-one__form {
              margin-left: 0px;
       }


       /**************************ABOUT PAGE***********************/

       .about-img {
              width: 100%;
       }



}





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

       .container {
              width: 1000px;
              margin: auto;
       }

       #logo1 {
              margin-top: 12px;
       }

       #logo4 {
              margin-top: 9px;
       }

       #logo5 {
              margin-top: 9px;
       }

       .slidermar8 {
              margin-top: 0px;
       }

       .slidermar7 {
              margin-top: 75px;
       }



       /****************===========================*****************/

       .navbar .navbar-nav .nav-link {
              padding: 10px 0.5rem;
       }

       .footer-items2 {
              margin-left: -26px;
       }

       .contact-box-item {
              word-break: break-all;
       }



}


@media only screen and (min-width: 768px) and (max-width: 999px) {
       .container {
              width: 747px;
              margin: auto;
       }

       .logo {
              width: 39%;
       }

       .menu_main {
              width: 60%;
       }

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

       .menu-toggle {
              display: block !important;
              margin-left: 275px !important;
              width: 13% !important;
       }

       .menu_main_full {
              width: 75%;
       }

       .menu_rlinks {
              width: 25%;
       }

       .menu_rlinks .mrbut {
              padding-right: 10px;
              padding-left: 10px;
       }

       .menu_main.rslinks {
              width: 48%;
       }

       .menu_rlinks2 a {
              padding: 8px 12px;
       }

       .menu_main.rslinks3 {
              width: 48%;
              margin-top: 9px;
       }

       .menu_rlinks3 {
              margin-top: 28px;
       }

       .menu_rlinks3 a {
              padding: 8px 10px;
       }

       .menu_main.rslinks4 {
              width: 48%;
       }

       .menu_rlinks3 {
              margin-top: 28px;
       }

       .menu_rlinks4 a {
              padding: 8px 10px;
       }

       .menu_rlinks6 a {
              padding: 8px 10px;
       }

       .logo2 {
              width: 35%;
              padding-left: 18px;
       }

       .logo3 {
              width: 25%;
              padding-left: 9px;
       }

       .logo23 {
              width: 35%;
              padding-left: 18px;
       }


       .menu_main.rslinks5 {
              width: 64%;
              margin-top: 23px;
       }

       .menu_rlinks5 {
              display: none;
       }

       .menu_main.rslinks7 {
              width: 63%;
              margin-top: 20px;
       }

       .menu_rlinks7 {
              display: none;
       }

       .slidermar8 {
              margin-top: 0px;
       }

       .slidermar7 {
              margin-top: 75px;
       }

       .top_nav .left {
              width: 40%;
       }

       .top_nav .right {
              width: 60%;
       }

       .top_nav2 .left {
              width: 40%;
       }

       .top_nav2 .right {
              width: 60%;
       }

       .top_section2 .right .tinfo {
              width: 50%;
       }

       .top_section2 .right .tinfo.last {
              padding-left: 14px;
       }

       .top_section2 .right .tinfo strong {
              font-size: 14px;
       }

       .top_section3 .right .tinfo {
              width: 50%;
       }





       /***********************************************/



       /***************home page********************/

       .faq-right {
              padding-left: 0px;
              padding: 40px 0px;
       }

       .why-choose-image {
              margin-right: 0px;
       }

       .action-area.marquee2 ul li a {
              padding: 0px;
       }

       .action-area.marquee2 ul li a img {
              height: 85px !important;
       }

       .action-area.marquee1 ul li a {
              padding: 0px;
       }

       .action-area.marquee1 ul li a img {
              height: 85px !important;
       }

       .marquee1 {
              height: 125px !important;
              padding: 0px !important;
       }

       .marquee2 {
              height: 125px !important;
              padding: 0px !important;
       }

       .brands-section {
              padding: 70px 0 50px;
       }

       .brands-section h2 {
              margin-bottom: 10px;
       }

       .about-area .info {
              margin-top: 120px;
              padding-bottom: 70px;
              padding-right: 25px;
       }

       .about-area .thumb {
              margin-top: -395px;
       }

       .about-area {
              margin-top: 440px;
       }

       .services-section {
              padding: 45px 0 30px;
       }

       .why-choose-image img {
              width: 100%;
              height: 590px;
       }



       .featured_section12 {
              padding: 60px 0px 50px 0px;
       }

       .featured_section12 .peosays .box {
              padding: 0px;
       }

       .why-choose-item-content {
              width: calc(100% - 10px);
       }

       .about-items .thumb .successr-ate {
              left: -36px;
              top: 333px;
       }

       .services-section-left {
              margin-right: 2%;
       }

       .schedule-btn {
              padding: 12px 20px;
              font-size: 12px;
       }

       .services-section-right {
              width: 28%;
       }

       .service-page-image h2 {
              font-size: 30px;
       }

       .service-page-image {
              margin: -35px 160px 0px 160px
       }

       .contact-box-item {
              word-break: break-all;
              margin-top: 84px;
              padding: 22px 20px;
              height: 75%;
       }

       .contact-form {
              margin-top: 50px;
       }

       .section-mid-title h3 {
              margin-top: 20px;
              line-height: 34px;
       }

       .section-title h5 {
              margin: 0px;
       }

       .section-title p {
              margin-top: 10px !important;
       }

       .service-item {
              height: 600px;
       }

       .googlemap .contact-w-h {
              width: 100%;
              height: 260px;
              margin-top: 45px;
              border-radius: 20px;
       }

       .page-header {
              height: 185px;
              margin-bottom: 0rem !important;
       }

       .page-header .py-5 {
              padding-top: 1rem !important;
       }

       .dropdown-menu {
              position: absolute;
              z-index: 1000;
              display: none;
              min-width: 10rem;
              padding: 0rem 0;
              margin: 0;
              font-size: 1rem;
              color: #7f8499;
              text-align: left;
              list-style: none;
              background-color: #fff;
              background-clip: padding-box;
              border: 0px solid rgba(0, 0, 0, 0.15);
              border-radius: 0px;
       }

       .dropdown-menu>li>a {
              padding: 9px 20px;
              font-size: 14px;
              color: var(--dark);
              border-bottom: 0px solid #eee;
              transition: all 0.3s ease;
              display: block;
       }

       /* .page_header-items {
              margin-top: -45px;
       } */

       .page_header-items1 {
              margin-top: -47px;
       }

       .page_header-items2 {
              margin-top: -50px;
       }

       .section-mid-title h2,
       .section-mid-title h2 {
              margin-top: 28px;
       }




}

/*********************************************************************************************/

@media only screen and (min-width: 640px) and (max-width: 767px) {
       .container {
              width: 590px;
              margin: auto;
       }

       .logo {
              width: 40%;
       }

       .menu_main {
              width: 60%;
       }

       .menu_main_full {
              width: 75%;
       }

       .menu_main_full.three {
              width: 60%;
       }

       .menu_rlinks {
              width: 25%;
       }

       .menu_rlinks .mrbut {
              padding-right: 10px;
              padding-left: 10px;
       }

       .menu_main.rslinks {
              width: 50%;
       }

       .menu_rlinks2 a {
              font-size: 9px;
              padding: 8px 10px;
       }

       .menu_main.rslinks3 {
              width: 48%;
              margin-top: 7px;
       }

       .menu_rlinks3 {
              margin-top: 27px;
       }

       .menu_rlinks3 a {
              font-size: 9px;
              padding: 8px 10px;

       }

       .menu_main.rslinks4 {
              width: 49%;
              margin-top: 7px;
       }

       .menu_rlinks4 {
              margin-top: 27px;
       }

       .menu_rlinks4 a {
              font-size: 9px;
              padding: 8px 10px;
       }

       .menu_rlinks6 {
              margin-top: 27px;
       }

       .menu_rlinks6 a {
              font-size: 9px;
              padding: 8px 7px;
       }


       /*********************************************************/

       /***************home page*********************/


       .services-section-left {
              margin-right: 2%;
       }

       .schedule-btn {
              padding: 12px 20px;
              font-size: 12px;
       }

       .services-section-right {
              width: 28%;
       }

       .services-section {
              padding: 80px 0 20px;
       }

       .about-area .info {
              margin-top: 120px;
              padding-bottom: 70px;
              padding-right: 25px;
       }

       .about-area .thumb {
              margin-top: -395px;
       }

       .about-area {
              margin-top: 450px;
       }

       .about-items .thumb .successr-ate {
              left: -112px;
              top: 333px;
       }

       .action-area.marquee2 ul li a {
              padding: 0px;
       }

       .action-area.marquee2 ul li a img {
              height: 85px !important;
       }

       .action-area.marquee1 ul li a {
              padding: 0px;
       }

       .action-area.marquee1 ul li a img {
              height: 85px !important;
       }

       .marquee1 {
              height: 125px !important;
              padding: 0px !important;
       }

       .marquee2 {
              height: 125px !important;
              padding: 0px !important;
       }

       .brands-section {
              padding: 70px 0 50px;
       }

       .brands-section h2 {
              margin-bottom: 10px;
       }

       .faq-right {
              padding-left: 0px;
       }

       .why-choose-us h3 {
              margin-top: 0px;
       }

       .why-choose-image {
              margin-right: 0px;
       }

       .why-choose-item-content {
              width: calc(100% - 10px);
       }

       .featured_section12 {
              padding: 60px 0px 25px 0px;
       }

       .featured_section12 .peosays .who {
              padding: 30px 0px 45px 0px;
       }

       .align-items-center {
              padding: 10px 0px;
       }

       .footer-items {
              margin-top: -15px;
       }

       .footer-items1 {
              margin-top: -60px;
       }

       .contact-first-row {
              background-image: none;
       }

       .page-header {
              margin-bottom: 0px !important;
       }

       .address-block {
              padding-bottom: 2rem !important;
       }



}



@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 !important;
       }

       .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 30px;
       }

       .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;
       }

       .googlemap .contact-w-h {
              width: 100%;
              height: 300px;
              margin-top: 30px;
              border-radius: 20px;
       }

       .mb-5 {
              margin-bottom: 1rem !important;
       }

       .dropdown-menu {
              min-width: 250px;
       }

       .dropdown-menu {
              position: absolute;
              z-index: 1000;
              display: none;
              min-width: 10rem;
              padding: 0rem 0;
              margin: 0;
              font-size: 1rem;
              color: #7f8499;
              text-align: left;
              list-style: none;
              background-color: #fff;
              background-clip: padding-box;
              border: 0px solid rgba(0, 0, 0, 0.15);
              border-radius: 0px;
       }

       .dropdown-menu>li>a {
              padding: 9px 20px;
              font-size: 14px;
              color: var(--dark);
              border-bottom: 0px solid #eee;
              transition: all 0.3s ease;
              display: block;
       }

       .footer-items1 h6{display: none;}

       .mt-01{margin-top: 0}

       .footer-box .icon i {
    color: var(--white);
    font-size: 20px;
}

.footer-box .icon {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    padding: 10px;
}

}