/* Home page responsive area */
 @media (min-width: 1024px) {}

 @media only screen and (min-width: 993px) and (max-width: 1500px) {
     .navbar-nav .nav-item a.nav-link {
         padding-left: 0;
         padding-right: 13px;
         font-size: 12px !important;
     }

     .section_title,
     .touchbanner_text h1,
     .faq_related h1,
     .home_sec_banner_text h1,
     h2.home__title {
         font-size: 18px !important;
         margin-bottom: 5px;
     }

     .touchbanner_text h1 {
         margin-bottom: 0px;
     }

     .touchbanner_text h1 {
         line-height: 1.3;
     }

     .safety_card_text h3,
     h4 {
         font-size: 14px !important;
         margin-bottom: 2px;
     }

     .card_related_titile {
         line-height: 1;
     }

     .footer_all_columns h5,
     .card_related_titile,
     .freeproducts .card-title,
     .lang__dropdwon .btn-langs {
         font-size: 14px !important;
         margin-bottom: 3px;
     }

     .bannerimgmain1 {
         max-height: 250px !important;
     }

     li,
     ul,
     ol,
     .btn-primary.EV_button,
     input,
     button,
     p,
     a,
     .touch__btn {
         font-size: 12px !important;
         line-height: 1.6;
     }

     .image_content h1 {
         font-size: 45px !important;
     }

     .lang__dropdwon .btn-langs {
         gap: 5px;
     }

     .imgbanner {
         height: 100px;
     }

     .imgbanner-long {
         height: 150px;
         width: 100%;
     }

     .imgbanner-longer {
         height: 220px;
         width: 100%;
     }

     .card_banner_3 {
         padding: 50px 0px;
     }

     .account_pass img {
         height: 200px;
     }

     .container.account_pass.my-5,
     .account_pass h1.mt-5 {
         margin-top: 15px !important;
     }

     .fag_img1 img {
         max-height: 550px;
         object-fit: cover;
     }

     .card_reltaed {
         height: 250px;
     }

     #bannerSlider .swiper-slide {
         min-height: 340px;
     }

     .EV_button {
         width: 100px;
         height: 40px;
         padding: 10px 15px;
     }

     .touchbanner_text span a:hover,
     .touchbanner_text span a {
         font-size: 10px !important
     }

     .touchbanner_text span a:first-child {
         padding-left: 0px !important;
     }

     .footer_2 {
         padding: 10px 0px;
     }

     .footer_1 {
         padding-top: 45px;
     }

     .contact_item {
         margin-bottom: 15px;
     }

     .contact_item .touch_contact_detail h5 {
         font-size: 14px;
         line-height: 1.5;
         margin-bottom: 2px;
     }

     .touch_contact_detail.mx-3 {
         margin-left: 10px !important;
     }

     #contactForm .form-group {
         margin-top: 10px !important;
         margin-bottom: 10px;
     }

     #contactForm .form-group label,
     #contactForm .form-group .form-control {
         font-size: 12px !important;
     }

     .footer_all_columns h5 {
         padding-bottom: 5px;
     }

     .tab-pane h5,
     .touchcontact h5 {
         font-size: 16px !important;
     }

     .touchcontact h5.mt-3 {
         margin-top: 10px !important;
         margin-bottom: 5px !important;
     }

     .touchcontact ol li,
     .touchcontact ul li {
         font-size: 12px;
     }

     .touchcontact p {
         margin-top: 5px !important;
     }

     .accordion__faq .accordion-body {
         font-size: 12px;
         padding-top: 0px;
     }

     #contactForm .form-group .form-control {
         height: 40px;
         border-radius: 5px;
     }

     .safety_card_text p {
         line-height: 1.3;
     }

     .bannerslider3 .image_content h4 {
         font-size: 40px !important;
     }

     #bannerSlider .swiper-slide.bannerslider3 {
         background-position: center;
     }
 }

 @media only screen and (min-width: 993px) and (max-width: 1100px) {
     .traficcard img {
         width: 80px;
     }

     .dropdown-toggle::after {
         display: none;
     }

     .lang__dropdwon .btn-langs {
         gap: 2px;
     }
 }

 @media only screen and (max-width:1170px) {
     #bannerSlider .swiper-slide {
         min-height: 300px;
     }

     .image_content h4 {
         font-size: 16px;
     }

     .coming_soon_logo {
         justify-content: start;
     }

     .coming_soon_logo>img {
         width: 80%;
         border-radius: 5px;
         padding: 5px;
     }

     .bannerslider3 .image_content h1 {
         margin-bottom: 10px;
     }

     #bannerSlider .swiper-slide.bannerslider3 {
         background-position: center center;
     }
 }

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

     .tab-content h5,
     .lang__dropdwon .lang__menu .lang_sep,
     .card_related_titile,
     .freeproducts .card-title,
     .customer_notification_banner h4 {
         font-size: 14px !important;
     }

     .card_related_titile {
         line-height: 1.2;
     }

     .customer_notification_banner h4 {
         margin-bottom: 2px;
     }

     .imgbanner {
         height: 180px !important;
     }

     .EV_button {
         font-size: 12px;
         padding: 10px 15px;
         height: auto;
     }

     .section_title {
         font-size: 24px !important;
     }

     .contact_item .touch_contact_detail p,
     .accordion__faq .accordion-header .accordion-button,
     .touch__btn,
     .topbar__search .topbar__search__btn,
     .topbar__search input,
     .lang__dropdwon .btn-langs,
     a,
     p,
     .textcol p,
     .customer_notification_banner p,
     .touchcontact p,
     .card_banner3_content p {
         font-size: 12px;
     }

     .touchbutton,
     #contactForm .form-group textarea,
     #contactForm .form-group input,
     #contactForm .form-group label {
         font-size: 12px !important;
     }

     .contact_item .touch_contact_detail p {
         line-height: 1.3;
     }

     .tabtbntogglenav button {
         max-width: 130px;
         font-size: 12px !important;
         max-height: 30px;
     }

     .navbar-nav .nav-item a.nav-link {
         font-size: 10px !important;
     }

     .image_content h1 {
         font-size: 30px;
     }

     .btn__banner {
         font-size: 14px;
         padding: 5px 20px;
     }

     .section_title,
     .faq_related h1,
     .touchcontact h1,
     .touchbanner_text h1,
     .freeproducts h2 {
         font-size: 16px !important;
     }

     .touchcontact h5 {
         font-size: 14px;
         margin-top: 5px;
         margin-bottom: 3px;
     }

     .support__mega {
         width: 550px !important;
         min-width: 90%;
     }

     .contact_item .touch_contact_detail h5,
     .footer_all_columns h5 {
         padding-bottom: 0px;
         font-size: 14px;
     }

     .touchcontact ul li,
     .touchcontact ol li,
     .footer_network p,
     .footer_col ul li a {
         font-size: 12px;
         line-height: 1.6;
     }

     .touchbanner_text span a:first-child {
         padding-left: 0px !important;
     }

     .touchbanner_text h1 {
         margin-bottom: 2px;
     }

     .imgbanner {
         height: 140px !important;
     }

     .coming_soon_logo>img {
         width: 90%;
     }

     .coming_soon_logo {
         height: 100%;
     }

     .bannerslider3 .image_content h4 {
         font-size: 30px;
     }

     #bannerSlider .swiper-slide.bannerslider3 {
         background-color: #204198;
         background-size: contain;
         background-position: center !important;
     }
 }

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

     .image__card__2,
     .image__card__1 {
         width: 150px;
     }

     .image__card__1 {
         left: 15%;
     }

     .image__card__2 {
         right: 15%;
     }

     .logo {
         text-align: center;
     }

     .logo img {
         width: 120px;
     }

     .topbar__search {
         margin-top: 5px;
         margin-bottom: 5px;
     }

     .topbar__search .topbar__search__btn,
     .topbar__search .form-control {
         font-size: 12px;
         height: 40px !important;
     }

     .top__nav__cta {
         display: grid !important;
         grid-template-columns: 1fr 1fr;
         gap: 5px;
     }

     .lang__dropdwon .btn-langs {
         justify-content: space-between;
         width: 100%;
     }

     .row.gy-5.gx-5.gx-md-3.gy-md-3 {
         --bs-gutter-y: 1rem;
     }

     .traficcard img {
         height: 70px;
         border-radius: 7px 0px 0px 7px;
         object-fit: cover;
     }

     .card_reltaed {
         height: auto;
     }

     #bannerSlider .swiper-slide {
         min-height: 250px;
     }

     .card_banner_3 {
         padding: 30px 0;
     }

     .fag_img1 img {
         height: 200px;
         object-fit: cover;
     }

     .account_pass img {
         height: 150px;
     }

     a,
     p,
     .account_pass p {
         font-size: 12px;
         line-height: 1.5;
     }

     .account_pass h1.mt-5 {
         margin-top: 10px !important;
     }

     .contact_item .touch_contact_detail h5,
     .footer_all_columns h5 {
         padding-bottom: 0px;
         font-size: 14px;
     }

     .touchcontact ul li,
     .touchcontact ol li,
     .footer_network p,
     .footer_col ul li a {
         font-size: 12px;
         line-height: 1.6;
     }

     .accordion__faq .accordion-body,
     .contact_item .touch_contact_detail p,
     .accordion__faq .accordion-header .accordion-button,
     .touch__btn,
     .topbar__search .topbar__search__btn,
     .topbar__search input,
     .lang__dropdwon .btn-langs,
     a,
     p,
     .textcol p,
     .customer_notification_banner p,
     .touchcontact p,
     .card_banner3_content p {
         font-size: 12px;
     }

     .coming_soon_logo>img {
         width: 40%;
         margin: 0 auto;
     }

     .bannerslider3 .image_content h1 {
         text-align: center;
         margin-bottom: 5px;
     }

     .bannerslider3 .image_content h4 {
         text-align: center;
         font-size: 24px;
     }

     #bannerSlider .swiper-slide.bannerslider3 {
         background-color: #204198;
         background-size: contain;
         background-position: center !important;
     }
 }

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

     a,
     p {
         font-size: 10px !important;
     }

     .touchbanner_text h1 {
         font-size: 16px !important;
     }

     .imgbanner {
         width: 100%;
         height: 120px;
         object-fit: cover;
     }

     .card_banner_3 {
         padding: 40px 0px;
     }

     .section_title {
         font-size: 16px !important;
     }

     .mob-text-center {
         text-align: center;
     }

     .touchcontact p,
     .card_banner3_content p {
         font-size: 10px !important;
     }

     .footer__infos {
         text-align: center;
     }

     .footer__infos .social__links {
         justify-content: center;
     }

     .footer__infos>p {
         font-size: 10px;
     }

     .card_reltaed {
         height: auto !important;
     }

     .card_related_titile {
         font-size: 18px;
         margin-bottom: 0px;
     }

     .contact_item .touchicons {
         width: 40px;
         height: 40px;
         line-height: 40px;
         font-size: 14px;
     }

     .contact_item .touch_contact_detail h5 {
         font-size: 14px;
         line-height: 1.2;
     }

     #contactForm .form-group label {
         font-size: 12px !important;
     }

     #contactForm .form-group .form-control {
         height: 40px;
         border-radius: 5px;
         font-size: 10px !important;
     }

     .touchbutton {
         font-size: 10px;
     }

     .accordion__faq .accordion-header .accordion-button {
         font-size: 12px !important;
     }

     .tabtbntogglenav button,
     .nav-tabs .nav-item.show .nav-link,
     .nav-tabs .nav-link.active {
         font-size: 10px !important;
     }

     .safety_card_text h3 {
         font-size: 16px !important;
     }

     .touchcontact h1 {
         font-size: 16px !important;
     }

     .touchcontact>h5,
     .tab-content h5 {
         font-size: 12px !important;
     }

     .contact_item .touch_contact_detail h5,
     .card_related_titile,
     .freeproducts .card-title,
     .lang__dropdwon .lang__menu .lang_sep {
         font-size: 12px !important;
     }

     a.btn.btn-primary.EV_button,
     .touchcontact>ol li,
     .touchcontact>p {
         font-size: 10px !important;
     }

     .imgbanner {
         height: 85px;
     }

     .touchbanner_text h1 {
         line-height: 1.3;
         margin-bottom: 0px;
     }

     .container.py-5.faq_related {
         padding-top: 2rem !important;
         padding-bottom: 2rem !important;
     }

     .container.my-5 {
         margin-top: 2rem !important;
         margin-bottom: 2rem !important;
     }

     .account_pass img {
         height: 150px;
     }

     .account_pass p {
         line-height: 1.5;
     }

     .account_pass h1.mt-5 {
         margin-top: 10px !important;
     }

     #bannerSlider .swiper-slide {
         min-height: 250px;
     }

     .image_content h4 {
         font-size: 12px;
     }

     .coming_soon_logo {
         justify-content: start;
     }

     .coming_soon_logo>img {
         width: 50%;
         border-radius: 5px;
         padding: 5px;
         margin: 0 auto;
     }

     .bannerslider3 .image_content h1 {
         margin-bottom: 5px;
     }

     .bannerslider3 .image_content h4 {
         font-size: 20px;
     }

     .bannerslider3 .image_content h1 {
         text-align: center;
     }

     .bannerslider3 .image_content h4 {
         text-align: center;
     }

     #bannerSlider .swiper-slide.bannerslider3 {
         background-color: #204198;
         background-size: 125%;
         background-position: -70px center !important;
     }
 }