.header-nav ul{
    margin-bottom: 0;
}
@media (max-width:1999px) {
    .fast-delivery-inner{
        max-width: 1060px;
    }
    .fast-delivery-btn{
        max-width: 94%;
    }
    .excting-prdouct-inner img{
        min-height: 233px;
    }
    .container{
        max-width: 1260px;
    }
    .contact-tagline{
        font-size: 14px;
    }
    .contact-tagline p{
        font-size: 14px;
    }
    .site-logo{
        max-width: 37%;
        padding-top: 20px;
    }
    .contact-number{
        font-size: 25px;
    }
    .header-cart {
        padding-left: 10px;
        max-width: 42px;
    }
    .header-nav ul li a{
        font-size: 14px;
        padding: 4px 16px;
    }
    .label-circle {
        height: 240px;
        width: 240px;
    }
    .label-circle.camera-specialist .label-content p span {
        font-size: 22px;
        max-width: 100px;
        line-height: 22px;
    }
    .label-circle.camera-specialist .label-content p:first-child img{
        max-width: 54px;
    }
    .label-circle.camera-specialist .label-content p{
        font-size: 28px;
        line-height: 28px;
    }
    .label-circle.free-installs img{
        max-width: 100px;
    }
    .label-circle.free-installs p strong {
        font-size: 27px;
        line-height: 28px;
    }
    .label-circle.free-installs p span {
        font-size: 20px;
        line-height: 24px;
    }
    .label-circle.free-installs p a {
        font-size: 16px;
    }
    .label-circle.plug-play img{
        max-width: 68px;
    }
    .label-circle.plug-play span{
        font-size: 20px
    }
    .label-circle.plug-play strong{
        line-height: 24px;
        font-size: 26px;
    }
    .banner-content {
        max-width: 955px;
        font-size: 26px;
    }
    .banner-content-box p{
        font-size: 26px
    }
    .banner-content p{
        padding-bottom: 0;
    }
    .banner-content .btn {
        font-size: 20px;
        height: 50px;
    }
    .home-banner .banner-content h1 {
        font-size: 73px;
    }
    .home-banner, .home-banner-slide{
        height: 664px;
    }
    .banner-right-box {
        top: 0;
        width: 461px;
    }
    .label-circle.camera-specialist{
        top: -40px;
    }
    .single-product-heading h2{
        font-size: 30px;
    }
    .our-excting-prdouct span{
        font-size: 14px;
    }
    .our-excting-prdouct h2 {
        font-size: 34px;
    }
    .excting-prdouct-inner h3 {
        font-size: 17px;
        padding: 16px 4px 6px 0;
        line-height: 22px;
    }
    .empirical-technology-left h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    html, body{
        font-size: 16px;
        line-height: 24px;
    }
    .empirical-technology-left ul li {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 4px;
    }
    .empirical-technology {
        padding: 120px 75px 50px 75px;
    }
    ul li:before{
        top: 9px;
    }
    .empirical-technology-left ul {
        padding: 0 20px 30px;
    }
    .empirical-technology-left a.btn {
        font-size: 14px;
        height: 43px;
    }
    .empirical-technology-left p {
        padding-bottom: 20px;
    }
    .mobile-supply-label{
        width: 232px;
        height: 232px;
    }
    .mobile-supply-label p {
        font-size: 16px;
        line-height: 22px;
        padding-top: 20px;
    }
    .mobile-supply-label p span {
        font-size: 24px;
    }
    .fast-delivery-inner img{
        max-width: 135px !important;
    }
    .fast-delivery-heading h2{
        font-size: 45px;
        line-height: 45px;
    }
    .fast-delivery-heading p {
        font-size: 17px;
        line-height: 25px;
    }
    .fast-delivery-btn a.btn {
        font-size: 15px;
        height: 43px;
    }
    .fast-delivery {
        height: 505px;
    }
    .fleet-install h3 {
        font-size: 29px;
        line-height: 32px;
    }
    .fleet-install p {
        font-size: 17px;
        max-width: 875px;
        line-height: 24px;
    }
    .fleet-install a{
        font-size: 19px;
    }
    .fleet-install{
        padding: 55px 0;
    }
    .footer-address {
        padding-right: 35px;
    }
    .footer-links a{
        font-size: 14px;
    }
    .footer-links ul li {
        padding-right: 30px;
    }
    .footer-links ul{
        padding: 20px 0;
    }
    .news-right {
        max-width: 500px;
        width: 100%;
    }
    .news-left {
        max-width: 710px;
        width: 100%;
    }
    .news-left-heading {
        background-color: #262626;
        padding: 40px 28px;
    }
    .news-left-heading h2 {
        font-size: 22px;
        line-height: 26px;
    }
    .news-left-heading span {
        font-size: 20px;
    }
    .news-left-heading strong {
        padding-bottom: 25px;
    }
    .news-left-heading ul li {
        font-size: 16px;
        line-height: 22px;
        padding-left: 16px;
        display: block;
    }
    .other-options-content p {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.1px;
        line-height: 34px;
    }
    .other-options-content {
        background-color: #333333;
        padding: 26px 30px;
        margin-top: 30px;
    }
    .latest-posts-content p {
        font-size: 13px;
        line-height: 20px;
        color: #fff;
        padding-bottom: 5px;
        padding-top: 6px;
    }
    .prdouct-single nav {
        background-color: transparent;
        max-width: 1230px;
        margin: 0 auto;
    }
    li.breadcrumb-item a {
        font-size: 16px;
        letter-spacing: 0.5px;
    }
    .breadcrumb-item.active {
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0.5px;
    }
    ol.breadcrumb {
        padding: 0 0 15px;
        margin-bottom: 30px;
    }
    .review-section strong {
        padding-top: 10px;
        font-size: 16px;
        padding-bottom: 10px;
    }
    .review-section h2 {
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
    }
    .news-cards .news-card:first-child .news-content {
        padding: 50px;
        font-size: 16px;
        line-height: 22px;
    }
    .news-cards .news-card:first-child .news-contet-box h4 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .news-contet-box h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .para-content p {
        font-size: 20px;
    }
    h1 {
        font-size: 34px;
    }
    .contact-detail ul li {
        padding: 62px 0;
        font-size: 30px;
    }
    .contact-section-inner p {
        font-size: 22px;
        padding-bottom: 18px;
    }
    .checkbox h3 {
        font-size: 16px;
    }
    .checkbox label {
        font-size: 16px;
    }
    .form-group.btn {
        width: 34%;
    }
    .checkbox {
        display: inline-block;
        width: 61%;
    }
    .contact-right p:last-child {
        font-size: 18px;
        line-height: 28px;
    }
}
@media (max-width: 1919px) {
    .label-circle.camera-specialist{
        left: 9px;
    }
    .label-circle {
        height: 180px;
        width: 180px;
    }
    .label-circle.camera-specialist .label-content p:first-child img {
        max-width: 40px;
    }
    .label-circle.camera-specialist .label-content p span {
        font-size: 18px;
        max-width: 84px;
        line-height: 19px;
    }
    .label-circle.camera-specialist .label-content p {
        font-size: 22px;
        line-height: 24px;
    }
    .label-circle.free-installs p strong {
        font-size: 20px;
        line-height: 22px;
    }
    .label-circle.free-installs p span {
        font-size: 16px;
        line-height: 19px;
    }
    .label-circle.free-installs img {
        max-width: 70px;
    }
    .label-circle.free-installs p strong {
        font-size: 18px;
        line-height: 18px;
    }
    .label-circle.free-installs p a {
        font-size: 14px;
    }
    .label-circle.plug-play img {
        max-width: 48px;
    }
    .label-circle.plug-play span {
        font-size: 15px;
        line-height: 18px;
    }
    .label-circle.plug-play strong {
        line-height: 15px;
        font-size: 15px;
    }
    .banner-content {
        max-width: 655px;
        font-size: 20px;
    }
    .banner-content-box p{
        font-size: 20px
    }
    .banner-content .btn {
        font-size: 17px;
        height: 40px;
    }
    .banner-content-box{
        margin-bottom: 15px;
    }
    .home-banner .banner-content h1 {
        font-size: 50px;
    }
    .home-banner .container{
        max-width: 970px;
    }
    .home-banner, .home-banner-slide {
        height: 530px;
    }
    .banner-right-box {
        top: 0;
        width: 368px;
    }
    .label-circle.free-installs {
        bottom: 24px;
        padding: 0 20px;
        left: -13px;
    }
    .label-circle.plug-play {
        right: 110px;
        bottom: 140px;
    }
    .single-product-heading span{
        font-size: 14px;
    }
    .single-product-heading h2 {
        font-size: 24px;
        line-height: 27px;
    }
    .single-product-heading{
        max-width: 88%;
        padding: 10px 15px;
    }
    .fast-delivery-btn {
        max-width: 70%;
    }
    .empirical-technology{
        margin-top: 20px
    }
    .single-product-heading::after{
        height: 25px;
        width: 16px;
        background-size: cover;
    }
    .our-excting-prdouct h2 {
        font-size: 30px;
    }
    .excting-prdouct-inner h3 {
        font-size: 15px;
        padding: 16px 4px 6px 0;
        line-height: 18px;
    }
    .fast-delivery-inner img {
        max-width: 65px !important;
    }
    .fast-delivery-heading h2 {
        font-size: 32px;
        line-height: 32px;
    }
    .fast-delivery-heading p {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0;
    }
    .fast-delivery-inner{
        max-width: 860px;
    }
    .fast-delivery {
        height: 435px;
    }
    .our-services-section{
        max-width: 1240px;
    }
    .services-heading h4{
        font-size: 26px;
        padding-bottom: 18px;
    }
    .services-heading img{
        max-width: 130px;
    }
    .services-box::after{
        height: 36px;
        width: 50px;
    }
    .services-box{
        padding: 28px 20px 28px 68px;
    }
    .site-footer li{
        padding-bottom: 0;
    }
    .footer-address a {
        font-size: 24px;
    }
    .contact-detail ul li {
        padding: 52px 0;
        font-size: 24px;
    }
    .map-iframe {
        height: 450px;
    }
}
@media (max-width: 1439px) {
    .archive.woocommerce ul.products {
        padding-left: 130px;
        padding-left: 40px;
        justify-content: space-between;
        padding-top: 30px;
    }
    .empirical-technology{
        padding: 120px 55px 50px 45px;
    }
    .empirical-technology-left h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .footer-links ul {
        padding: 10px 0;
    }
    .excting-prdouct-inner img {
        min-height: 202px;
    }
}
@media (max-width: 1199px) {
    .container {
        max-width: 100%;
        padding: 0 25px;
    }
    .footer-nav {
        max-width: 80px;
    }
    .footer-address {
        padding-right: 25px;
        max-width: 365px;
    }
    .our-services-section {
        max-width: 100%;
        top: 44%;
        transform: translateY(-46%);
        PADDING: 0 25px;
    }
    .services-box {
        padding: 28px 20px 28px 58px;
    }
    .services-box-inner span {
        font-size: 14px;
    }
    .services-box img {
        max-width: 105px!important;
    }
    .fleet-install {
        padding: 45px 25px;
    }
    .fleet-install p {
        font-size: 16px;
        max-width: 862px;
        line-height: 23px;
    }
    .fast-delivery-heading h2 {
        font-size: 28px;
        line-height: 26px;
    }
    .fast-delivery-heading {
        width: 65%;
        padding-left: 20px;
    }
    .fleet-install a {
        font-size: 18px;
    }
    .fast-delivery-btn a.btn {
        font-size: 14px;
        height: 40px;
    }
    .btn img {
        margin-left: 8px;
        width: 8px;
    }
    .fast-delivery-btn a.btn img {
        margin-bottom: 0;
    }
    .fast-delivery-btn {
        width: 100%;
        max-width: 72%;
    }
    .single-product-heading h2{
        padding-right: 25px
    }
    .fast-delivery-inner {
        top: 20%;
        left: 25px;
    }
    .empirical-technology {
        padding: 70px 25px 50px;
    }
    .empirical-technology-left {
        width: 100%;
        max-width: 58%;
        padding-right: 0;
    }
    .empirical-technology-right {
        width: 100%;
        max-width: 42%;
    }
    .mobile-supply-label p span {
        font-size: 20px;
    }
    .mobile-supply-label p {
        font-size: 14px;
        line-height: 20px;
        padding-top: 20px;
    }
    .mobile-supply-label {
        width: 202px;
        height: 202px;
        top: 54%;
    }
    .our-excting-prdouct {
        padding: 40px 7px 0 25px;
    }
    .popular-products {
        padding: 0 25px 0;
        flex-wrap: wrap;
    }
    .popular-products a {
        max-width: 49%;
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }
    .single-product-heading {
        max-width: 80%;
        padding: 10px 15px;
    }
    .home-banner, .home-banner-slide {
        height: 490px;
    }
    .banner-right-box {
        top: 14px;
        width: 332px;
    }
    .home-banner-content .banner-content {
        max-width: 545px;
        font-size: 16px;
        margin-left: 110px;
    }
    .banner-content-box {
        margin-bottom: 15px;
        padding: 30px 28px;
    }
    .label-circle.camera-specialist {
        top: 0px;
    }
    .home-banner .banner-content h1 {
        font-size: 42px;
    }
    h1 {
        font-size: 28px;
    }
    .experience-theory-section .top-contet {
        font-size: 20px;
        line-height: 29px;
    }
    .experience-theory-section {
        line-height: 28px;
    }
    .btn {
        height: 40px;
    }
    .para-content p {
        font-size: 17px;
    }
    .contact-detail ul li {
        padding: 35px 0;
        font-size: 18px;
    }
    .contact-right {
        width: 100%;
        max-width: 40%;
        padding-left: 60px;
    }
    .contact-left {
        width: 100%;
        max-width: 60%;
    }
    .checkbox {
        width: 59%;
    }
    .map-iframe {
        height: 380px;
    }
    .site-footer {
        padding-top: 36px;
    }
    .news-image img {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }
    .news-content {
        padding: 30px 20px;
    }
    .news-cards .news-card:first-child .news-image img {
        height: auto;
    }
    .news-left {
        max-width: 500px;
        width: 100%;
    }
    .news-right {
        max-width: 450px;
        width: 100%;
    }
    .news-left-heading {
        background-color: #262626;
        padding: 26px 20px;
    }
    .news-left-heading h2 {
        font-size: 19px;
        padding-bottom: 26px;
        line-height: 25px;
    }
    .news-left-heading span {
        font-size: 16px;
        padding-bottom: 22px;
    }
    .news-left-heading strong {
        font-size: 18px;
    }
    .news-left-heading ul li {
        font-size: 15px;
        line-height: 21px;
        padding-left: 15px;
        display: block;
    }
    .other-options-content {
        padding: 20px 20px;
        margin-top: 30px;
    }
    .other-options-content p {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.1px;
        line-height: 28px;
    }
    .news-right ul li {
        height: 58px;
        padding-left: 20px;
        font-size: 16px;
        font-weight: 500;
    }
    .latest-posts-content {
        width: 100%;
        max-width: 63%;
        padding: 20px 20px ;
    }
    .latest-posts-content h4 {
        font-size: 16px;
        padding: 0;
    }
    .accordion .card .card-header {
        padding: 15px 18px;
    }
    .review-quantity p input[type="number"] {
        width: 40px;
        height: 40px;
    }
    h2.mb-0 button.btn-link {
        font-size: 16px;
    }
    .prdouct-single-left ul li {
        margin-bottom: 15px;
        padding-left: 6px;
        width: 25%;
        padding-right: 6px;
    }
    .prdouct-single-left ul {
        justify-content: flex-start;
    }
    .prdouct-single nav {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 25px;
    }
    .our-excting-prdouct.product {
        padding-bottom: 60px;
        padding: 40px 0 60px;
    }
    .fleet-install h3 {
        font-size: 28px;
        line-height: 32px;
    }
    .contact-number {
        font-size: 24px;
    }
    .single-product.woocommerce div.product .product_title{
        font-size: 26px;
        line-height: 32px;
    }
}

@media (max-width: 1199px) and (orientation: landscape){
    .news-left {
        max-width: calc(100% - 480px);
        width: 100%;
    }
    .latest-posts-content p{
        padding-bottom: 14px;
    }
    .latest-posts-content p:last-child{
        padding-bottom: 0;
    }
}
@media (max-width: 1024px) {
    body.menu-open{
        overflow: hidden !important;
        position: fixed;
        width: 100%;
        top: 0;
    }
    .latest-posts-content p{
        padding-bottom: 14px;
    }
    .latest-posts-content p:last-child{
        padding-bottom: 0;
    }
}
@media (max-width: 1023px) {
    .archive.woocommerce ul.products{
        display: block;
    }
    .archive.woocommerce ul.products li.product:nth-child(3n + 3), .archive.woocommerce-page ul.products li.product:nth-child(3n + 3) {
        margin-right: 3% !important;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 47% !important;
    }
    img{
        height: auto;
    }
    .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .footer-links ul li {
        padding-right: 0;
        width: 100%;
        max-width: 33.33%;
        text-align: center;
    }
    .footer-links ul {
        padding: 10px 0;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-address {
        padding-right: 0;
        max-width: 100%;
    }
    .latest-news {
        padding-top: 50px;
    }
    .footer-menus {
        flex-wrap: wrap;
        padding-bottom: 20px;
    }
    .footer-nav {
        max-width: 140px;
        padding-top: 96px;
    }
    .our-services {
        min-height: 488px;
        height: auto;
    }
    .services-heading h4 {
        font-size: 22px;
        padding-bottom: 10px;
    }
    .services-heading {
        padding-bottom: 40px;
    }
    .services-box {
        padding: 28px 20px 20px 78px;
        min-height: inherit;
    }
    .our-services-section {
        max-width: 100%;
        top: 40%;
        transform: translateY(-46%);
        padding: 0 20px;
    }
    .fleet-install {
        padding: 35px 20px;
    }
    .fleet-install a {
        font-size: 14px;
        padding: 5px 13px;
    }
    .fleet-install a img {
        height: 12px;
        margin-left: 9px;
        margin-top: 0;
    }
    .fleet-install p {
        font-size: 15px;
        max-width: 850px;
        line-height: 23px;
    }
    .fleet-install h3 {
        font-size: 24px;
        line-height: 26px;
    }
    .fast-delivery {
        height: 365px;
    }
    .fast-delivery-heading h2 {
        font-size: 22px;
        line-height: 25px;
    }
    .fast-delivery-heading p {
        font-size: 13px;
        line-height: 19px;
        padding: 8px 0;
    }
    .fast-delivery-heading {
        width: 65%;
        padding-left: 15px;
    }
    .fast-delivery-btn a.btn {
        font-size: 13px;
        height: 40px;
        padding: 0 16px;
    }
    .empirical-technology-left a.btn {
        font-size: 13px;
        height: 40px;
        padding: 0 16px;
    }
    .fast-delivery-inner {
        top: 29%;
        left: 22px;
    }
    .empirical-technology {
        padding: 40px 20px 40px;
        flex-wrap: wrap;
    }
    .empirical-technology-left {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .empirical-technology-right {
        width: 100%;
        max-width: 100%;
        padding-top: 60px;
    }
    .mobile-supply-label {
        width: 202px;
        height: 202px;
        top: 66%;
    }
    .single-product-heading {
        max-width: 80%;
        padding: 10px 15px;
    }
    .single-product-heading h2 {
        font-size: 22px;
        line-height: 25px;
        padding-right: 25px;
    }
    .our-excting-prdouct {
        padding: 20px 5px 0 20px;
    }
    .our-excting-prdouct span {
        font-size: 12px;
    }
    .experience-theory-content {
        max-width: 73%;
        padding-top: 0;
    }
    .experience-theory-section .top-contet {
        font-size: 18px;
        line-height: 27px;
    }
    .mobile-fitting-content ul {
        font-size: 16px;
        line-height: 24px;
    }
    .inner-banner {
        height: 190px;
    }
    h1 {
        font-size: 24px;
    }
    .para-content p {
        font-size: 16px;
    }
    .contact-detail ul li {
        padding: 25px 0;
        font-size: 14px;
    }
    .contact-section-inner p {
        font-size: 16px;
        padding-bottom: 13px;
    }
    .contact-left {
        width: 100%;
        max-width: 70%;
    }
    .contact-right {
        width: 100%;
        max-width: 26%;
        padding-left: 0;
    }
    .contact-right p:last-child {
        font-size: 14px;
        line-height: 24px;
    }
    .contact-form .form-control {
        height: 40px;
        margin-bottom: 16px;
        padding: 0px 13px;
        font-size: 14px;
    }
    .contact-form textarea.form-control {
        width: 100%!important;
        height: 102px !important;
        padding: 11px 14px;
        resize: none;
    }
    .checkbox h3 {
        font-size: 14px;
    }
    .checkbox label {
        font-size: 13px;
    }
    .form-group.btn input.btn.btn-primary {
        font-size: 12px;
    }
    .contact-right p:last-child br{
        display: none;
    }
    .contact-section-main {
        min-height: 464px;
        background-position: 70% center;
    }
    .news-cards .news-card:first-child .news-contet-box h4 {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .news-cards .news-card:first-child .news-content {
        padding: 20px 30px;
        font-size: 14px;
        line-height: 20px;
    }
    .news-cards .news-card:first-child .btn {
        margin-top: 10px;
    }
    .news-cards .news-card .btn {
        min-width: 150px;
        height: 40px;
        font-size: 12px;
    }
    .news-cards .news-card {
        width: 100%;
        max-width: 100%;
        margin-top: 32px;
    }
    .news-left {
        max-width: 100%;
        width: 100%;
    }
    .news-right {
        max-width: 100%;
        width: 100%;
        padding-top: 40px;
    }
    .news-single-inner {
        flex-wrap: wrap;
    }
    .latest-posts-img {
        width: 100%;
        max-width: 28%;
    }
    .latest-posts-content {
        width: 100%;
        max-width: 72%;
        padding: 20px 20px;
    }
    .news-single-top h3 {
        font-size: 15px;
    }
    .prdouct-single nav {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }
    .prdouct-single .container{
        flex-wrap: wrap;
    }
    .prdouct-single-left {
        width: 100%;
        max-width: 100%;
    }
    .prdouct-single-right {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-top: 40px;
    }
    .banner-right-box {
        display: none;
    }
    .label-circle.plug-play {
        right: 0;
        bottom: 50px;
    }
    .home-banner .banner-content h1 {
        font-size: 36px;
    }
    .home-banner-content .banner-content {
        max-width: 445px;
        font-size: 13px;
        margin-left: 150px;
    }
    .banner-content-box {
        margin-bottom: 15px;
        padding: 25px 24px;
    }
    .banner-content .btn {
        font-size: 15px;
        height: 40px;
    }
    .page-template-reviews .prdouct-single .entry {
        padding: 40px 10px 20px;
    }
    .popular-products-section {
        background: linear-gradient(180deg, #363636 39%, rgba(199,199,199,1) 48%);
    }
}
@media (max-width: 767px) {
    .popular-products-section {
        background: linear-gradient(180deg, #363636 43%, rgba(199,199,199,1) 56%);
        padding: 22px 0 0;
        overflow-x: hidden;
    }
    .latest-news {
        padding-top: 50px;
        width: 100%;
    }
    .latest-news.shop-link {
        max-width: 50%;
    }
    .pro_container aside#sidebar {
        max-width: 100%;
        border-left: 1px solid #454545;
    }
    .empirical-technology-left ul li{
        width: 100%;
    }
    aside#sidebar .widget_shopping_cart_content {
        padding: 20px 20px;
    }
    .container-right {
        width: 100%;
        display: inline-block;
    }
    .brand-slider {
        border-bottom: 1px solid #434343;
        border-right: 1px solid #434343;
        border-top: 1px solid #434343;
        border-left: 1px solid #434343;
        padding: 0 55px;
    }

    .archive.woocommerce ul.products {
        padding-left: 20px;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100% !important;
        margin: 0 0 30px!important;
    }
    .content-box {
        max-width: 100%;
        padding-bottom: 20px;
    }
    .reversing-cameras-content{
        flex-wrap: wrap;
    }
    .camera-kit-section {
        padding: 40px 0;
    }
    .camera-kit-section ul li {
        width: 100%;
        max-width: 30%;
    }
    .reversing-cameras-section h3 {
        font-size: 20px;
        margin-bottom: 28px;
        line-height: 25px;
    }
    .empirical-technology {
        background-size: 100%;
        background-position: center;
    }
    .services-slider1 .services-box{
        max-width: 100%;
    }
    .page-template-reviews .prdouct-single{
        padding: 0;
    }
    .page-template-reviews .prdouct-single .container{
        padding: 0;
    }
    .page-template-reviews .prdouct-single .entry {
        padding: 40px 15px 20px;
    }
}
@media (max-width: 480px) {
    .brand-slider .slick-next {
        right: 16px;
    }
    .brand-slider .slick-prev {
        left: 16px;
    }
    .archive.woocommerce ul.products {
        padding-left: 0;
    }
    .home-banner, .home-banner-slide {
        height: 530px;
    }
    .label-circle.camera-specialist .label-content p:first-child img {
        max-width: 33px;
    }
    .label-circle.camera-specialist .label-content p span{
        font-size: 15px;
    }
    .label-circle.camera-specialist .label-content p {
        font-size: 16px;
        line-height: 18px;
    }
    .label-circle {
        height: 140px;
        width: 140px;
    }
    .home-banner-content .banner-content{
        margin-left: 0;
    }
    .home-banner .banner-content h1 {
        font-size: 26px;
    }
    .banner-content p {
        line-height: 20px;
    }
    .label-circle.free-installs img {
        max-width: 50px;
    }
    .label-circle.free-installs p strong {
        font-size: 14px;
        line-height: 16px;
    }
    .label-circle.free-installs p span {
        font-size: 13px;
        line-height: 16px;
    }
    .label-circle.free-installs p a {
        font-size: 13px;
    }
    .label-circle.free-installs{
        left: -13px;
    }
    .label-circle.plug-play img {
        max-width: 35px;
    }
    .label-circle.plug-play span {
        font-size: 13px;
        line-height: 13px;
    }
    .label-circle.plug-play strong {
        line-height: 13px;
        font-size: 13px;
    }
    .label-circle.plug-play{
        padding: 0 6px;
    }
    .banner-content-box{
        padding: 15px;
    }
    .popular-products a{
        max-width: 100%;
    }
    .excting-prdouct-slider{
        padding-top: 30px;
    }
    .excting-prdouct-slider .slick-prev, .excting-prdouct-slider .slick-next{
        top: 0px;
    }
    .mobile-supply-label{
        display: none;
    }
    .fast-delivery-inner{
        position: relative;
        top: 0;
        left: 0;
        padding: 0 25px;
    }
    .fast-delivery{
        display: flex;
        align-items: center;
    }
    .fast-delivery-inner{
        flex-wrap: wrap;
    }
    .fast-delivery-heading {
        width: 100%;
        padding-left: 0;
        padding-top: 15px
    }
    .fast-delivery-btn{
        max-width: 100%
    }
    .fast-delivery-btn a.btn {
        font-size: 13px;
        padding: 0 10px;
    }
    .services-heading h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .services-heading img {
        max-width: 100px;
    }
    .services-slider .slick-slide {
        margin: 0;
    }
    .services-box::after {
        height: 30px;
        width: 36px;
    }
    .services-box{
        padding: 28px 20px 20px 45px;
    }
    .services-box-inner{
        flex-wrap: wrap;
    }
    .services-box-inner span{
        max-width: 50%;
    }
    .services-box-inner span + span{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .services-box p {
        line-height: 22px;
        font-size: 14px;
    }
    .footer-links ul li{
        max-width: 100%;
        padding-bottom: 10px;
    }
    .copy-right-section .container, .copyright{
        flex-wrap: wrap;
    }
    ul.footer-social{
        width: 100%;
        margin-left: 0
    }
    .site-footer li:first-child{
        padding-left: 0;
    }
    .copyright{
        padding-top: 10px;
    }
    .copyright p{
        padding-bottom: 10px;
    }
    .experience-theory-content{
        max-width: 100%;
    }
    .experience-theory-section .label-circle-right {
        max-width: 100%;
        order: -1;
        margin-bottom: 30px;
    }
    .experience-theory-section .top-contet {
        font-size: 14px;
        line-height: 24px;
    }
    html, body{
        font-size: 14px
    }
    h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .mobile-fitting-section{
        padding-top: 40px
    }
    .mobile-fitting-content h4 {
        margin-bottom: 15px;
    }
    .mobile-fitting-content ul {
        font-size: 14px;
        line-height: 20px;
    }
    .mobile-fitting-content ul li {
        max-width: 100%;
    }
    .mobile-fitting-content .btn {
        font-size: 13px;
    }
    ul {
        font-size: 14px;
        line-height: 20px;
    }
    h1 {
        font-size: 22px;
    }
    .contact-detail ul{
        flex-wrap: wrap;
    }
    .contact-detail ul li{
        width: 100%;
    }
    .contact-section-inner{
        flex-wrap: wrap;
    }
    .contact-left{
        max-width: 100%;
        padding-top: 30px;
    }
    .contact-right{
        max-width: 100%;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .form-group {
        width: 100%;
    }
    .latest-posts-img{
        max-width: 100%;
    }
    .latest-posts-img img{
        width: 100%;
    }
    .latest-posts-content{
        max-width: 100%;
    }
    .checkbox {
        width: 100%;
        padding: 0 15px;
    }
    .contact-form {
        z-index: 2;
        position: relative;
        margin: 0 -15px;
    }
    .form-group.btn {
        width: calc(100% - 30px);
    }
    .contact-section-main {
        min-height: inherit;
    }
    .news-image{
        max-width: 100%;
    }
    .news-content{
        max-width: 100%;
    }
    .excting-prdouct-inner img {
        min-height: inherit;
    }
    .empirical-technology-left a.btn{
        height: auto;
        padding: 6px 16px;
    }
}
