section.marquee-outer {padding-top: 5rem;} /*******************************media*********************************************/ @media (min-width:992px) { #blog-details .right-pad {padding-right: 6rem;} } @media (min-width:1800px) { header .container {max-width:1738px;} header .input-group {width: 311px;} } @media (max-width:1499px) { #banner .bnr-img {object-position: 80%;} } @media (max-width:1399px) { .partner-block {padding: 30px 4px;} } @media (max-width:1200px) { h2 {font-size: 42px;} .navbar-expand-md .navbar-nav .menu-item a {margin: 0 1rem;} #banner .bnr-txt-area {width: 65%;} #banner .bnr-txt-area p br {display:none;} #banner,#banner .bnr-img {height: 85vh;} .partner-block {padding: 10px 3px;} #products-list .card {padding: 15px;} #testimoni .testi-area {padding: 0px 8rem;} #work .card {padding: 30px;} #inr-bnr h1 {font-size: 45px;} #pro-details h1 {font-size: 40px;} #pro-details .details {font-size: 22px;} #pro-details .txt {font-size: 16px;} #pro-details .d-flex.justify-content-between img {width: 28%;} #pro-details .txt {font-size: 16px;} #pro-details .details {font-size: 22px;} #pro-details .features {margin: 5rem;} #blog-details .right-pad {padding-right: 0rem;} #blog-details .latest-post {padding: 1rem;} #contact-area .contact-content {padding: 1.5rem;} #contact-area .contact-content .card {padding: 0rem;} #contact-area .contact-content br {display:none;} #contact-details .contact-block {padding: 1rem;} } @media (max-width:991.98px) { h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px;} body {font-size: 16px;} header .input-group {display:none;} #banner .bnr-txt-area {width: 55%; font-size: 18px;margin-left: 0rem;} #banner .bnr-txt-area .d-flex .web-btn span {padding: .7rem 1rem;} #partner {padding: 5rem 0;} #testimoni .testi-area {padding: 0px 5rem;} #work .card {padding: 10px;} #work .card .numb {font-size: 140px; line-height: 100px;} #work .card h3 {font-size: 22px;} #capture h2, #wholesale h2, #products-list.related-pro h2 {font-size: 40px;} #wholesale .d-flex {flex-wrap: wrap;} #wholesale .block {width: 44%; border: none;} #wholesale .count-bumb {font-size: 50px;} #why-choose .why-choose-content {padding: 2rem;} #pro-details .features {margin: 5rem 0;} #pro-details .middle-content {padding: 2rem;} #pro-details .middle-content h2, #pro-details h2 {font-size: 30px;} footer .d-flex.justify-content-between {flex-wrap: wrap;} footer .d-flex.justify-content-between div:first-child {text-align: center; width: 100%; order: 4;} footer .d-flex.justify-content-between div:first-child img {margin: auto;} img.position-absolute.bottom-0.start-50.translate-middle-x.ice-logo.aos-init.aos-animate {width: 60%;} } @media (max-width:767.98px) { body {font-size: 14px; line-height:1.5;} h1,#inr-bnr h1,#members h2,#pro-details h1 {font-size: 32px;} h2,#about h2,#value h2,#capture h2,#wholesale h2,#why-choose .why-choose-content h2,#pro-details .pro-details-price,#pro-details .middle-content h2,#pro-details h2,#products-list.related-pro h2,#privacy h2,#blog-details h2 {font-size: 24px;} h3,#pro-details .pro-dec,#privacy h3,#blog-details h3 {font-size: 20px;} header .alt2.web-btn {background: rgba(0, 0, 0, 0.24);} home header .alt2.web-btn {background: rgba(255, 255, 255, 0.24);} #inr-bnr {padding: 7rem 0 0;} #products-list.no-bg {padding: 3rem 0;} #products-list h3,#promise h3 {font-size:16px;} #products-list .card .price {font-size: 16px; line-height:1.2;} #products-list .card .old-price {font-size: 16px;} #products-list .card .weight {font-size: 14px;} .compadd {padding: 3rem 0;} header .input-group {width: 30%;} #banner {height: auto; padding: 6rem 0 3rem;} #banner .carousel-caption {position: static;} #banner .bnr-txt-area {width: 100%; text-align: center!important;} #banner .bnr-txt-area .d-flex {justify-content:center;} #banner img.d-md-none.d-block.mx-auto.img-fluid {width: 300px;} #products-list {padding: 2rem 0 10rem;} #products-list .card {text-align: center; padding:3px;} #products-list .card .card-footer {justify-content:center;} #partner {text-align: center; padding: 3rem 0 0rem;} #promise h3{margin-bottom:0rem!important;} #getintouch .getin-bg-grad {min-height: 350px;} #faq .faq-title {font-size: 18px;} #faq .faq-icon {width: 25px !important; height: 25px !important; font-size: 12px; min-width: 25px;} #faq .faq-content {font-size: 16px;} #about {font-size: 18px;} #testimoni .testi-area p {font-size: 18px;} #work .card .numb {font-size: 100px;} #getintouch .getin-bg-grad {padding: 2rem;} footer img.ice-logo {width: 80%;} #wholesale {background-position:left bottom; font-size: 18px; line-height:1.3;} #wholesale .count-bumb {font-size: 40px; margin: 0;} #members h3 {font-size: 24px;} #members, #blog-details, .blog-date {font-size: 18px;} #wholesale {padding: 5rem 0 12rem;} #wholesale .block {padding: 0rem 0;} #privacy .container {font-size: 16px;} #blog-details h2 {margin-top: 2rem;} #wholesale h2 br {display: none;} #about {text-align: center;} .why-choose-content h3 br {display: none;} blog-list h4 a {font-size: 20px;} .offcanvas {background-color: rgba(0, 158, 216, 1);} .offcanvas-body{padding:0px;} .navbar-expand-md .navbar-nav .menu-item a {border-bottom: none!important; display:block; padding: 5px 0!important;} .navbar-expand-md .navbar-nav .menu-item.current-menu-item a, .navbar-expand-md .navbar-nav .menu-item a:hover {color:#fff !important;} #contact-area {padding: 3rem 0;} #contact-area .bg-block {padding: 1rem 1rem 0;} #contact-area .contact-content .card {margin-top: 2rem;} .about-clients-title {margin-bottom: 0px;} section#value {padding-top: 0;} #members {padding: 0rem;} } @media (max-width:639.98px) { #banner h1 {font-size: 30px;} a.navbar-brand {width: 80px;} a.navbar-brand img {width: 100%;} header .input-group {width: 45%;} .web-btn span {padding: .7rem 1.2rem; font-size: 16px;} .alt.web-btn {height: 48px;} #promise h3,#partner h4,#value h4 {font-size:16px;} #partner .partner-block,#value .partner-block{font-size:14px; line-height:1.4;} section.marquee-outer {padding-top: 3rem;} .slider-arrow .left-arrow,.slider-arrow .right-arrow {top: 80%!important;} #banner .bnr-txt-area .d-flex {display:block!important;} #banner .bnr-txt-area .web-btn {width: 100%; margin-bottom: 1rem;} #partner p {font-size: 14px;} .testimoni span.swiper-pagination-bullet img {width: 60px;} #work img {width: 60px; margin-top: 10px;} #promise {text-align: center;} #testimoni .testi-area {padding: 0rem;} #testimoni .testi-img {width: 100%;} #getintouch .getin-bg-grad p br {display: none;} .web-btn span {padding:12px;} #partner p { font-size: 14px;} #partner .stage {margin-top: -30px;} .bi::before, [class*=" bi-"]::before, [class^=bi-]::before { font-size: 24px;} #wholesale .block {width: 100%; text-align: center;} #pro-details .features {flex-wrap: wrap;} #pro-details .features>div {width: 50%;} #pro-details .d-flex.justify-content-between img {width: 24%;} #pro-details .txt {font-size: 12px;} #pro-details .details {font-size: 14px;} #products-list .card {padding: 6px;} #faq .faq-item {padding: 12px;} #work .card-body {display:flex; text-align:left; padding:0px;} #work .card-body div {width: 75%;} #work .card-body div p{margin-bottom:0px;} #work .card .numb {line-height: 75px;} .contact-form h2,#contact-area .contact-content h2 {font-size: 28px;} #contact-area .contact-content,#contact-area .contact-content .card h3 {font-size: 20px;} #why-choose .why-choose-content h3{font-size: 18px;margin-top:1rem;} #contact-details .contact-block h3 {font-s ze: 18px;} #contact-details .contact-block span {font-size: 14px;} #why-choose .why-choose-content h2 {margin-bottom: 3rem;} #why-choose {padding: 0 0 2rem;} #pro-details {padding: 7rem 0 0rem;} }