/* Big tablet to 1200px (widths smaller than the 1140px row) */
@media only screen and (max-width: 1200px) {
    .kotse-text-box {
        width: 100%;
        padding: 0 2%;
    }

    .row { padding: 0 2%; }

    
    .section-reseller h3 {
        font-size: 270%;
    }
    
    .section-reseller p {
        font-size: 100%;
    }

    .main-nav li {
        display: inline-block;
        margin-left: 10px;
        margin: 5px;
    }

    h2.products-category {
        margin-top: 160px;
    }

    ul.products-list li {
        padding: 20px;
    }

    .products-nav {
        margin-top: 50px;
    }
}
    

/* Small tablet to big tablets: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
    body { font-size: 16px; }
    section { padding: 110px 0; }

    .products-nav #anchor li a:after {
        padding-left: 30pt;
    }

    ul.products-list li {
        padding: 25px 5px;
        text-align: center;
    }
    
    .long-copy {
        width: 80%;
        margin-left: 10%;
    }

    .icon-small { 
        width: 20px;
        margin-right: 5px;
    }
    .car-feature { font-size: 90%;}

    .steps-box { margin-top: 10px; }
    .steps-box:last-child { margin-top: 10px; }
    .works-step { margin-bottom: 40px; }
    .works-step:last-of-type { margin-bottom: 80px; }

    .works-step div {
        font-size: 200%;
    }

    .globe,
    .smart,
    .landline{
        font-size: 150%;
        margin: 0 0 20px 0;
    }

    .contact-form { width: 100%; }
   
}


/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {

    ul.products-list li {
        padding: 20px 15px;
        display: inline-block;
    }

    ul.products-list {
        display: inline-block;
        text-align: center;
    }

    .section-steps a:link, .section-steps a:visited { font-size: 125%; }

    .map-form {
        font-size: 80%;
        height: 650px;
    }
    iframe {
        height: 650px;
    }
    

    .logo {
        height: 70px;
        width: auto;
        float: left;
        margin-top: 1px;
    }
    
    body { font-size: 16px; }
    section { padding: 30px 0; }

    .section-contact-top {
        display:none;
    }

    .row,
    .kotse-text-box { padding: 0 4%; }

    .col { width: 100%;
           margin: 1% 0 4% 0%;
    }

    .main-nav { display:none; }

    .mobile-navigation-icon { 
        display: inline-block;
        margin-top: 10px;
     }

    .main-nav { 
        float: left; 
        margin-top: 15px;
        margin-left: 12px; 
    
    }
    .bg-white {
        color: #555;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    .main-nav li { 
        display: block; 
        padding: 7px 0;
        font-size: 100%;
    }

    .main-nav li:link,
    .main-nav li:visited {
        display: block;
        border: 0;
    }

    .sticky .main-nav { margin-top: 5px; }

    .sticky .main-nav li a:link,
    .sticky .main-nav li a:visited { padding: 10px 0;}

    .sticky .main-nav li a:hover,
    .sticky .main-nav li a:active {
        color: #E74C3C;
    }

    .sticky .logo-black { display: block; }
    .sticky .logo { display: none; }
    .sticky .mobile-navigation-icon { margin-top: 10px; }
    .sticky .mobile-navigation-icon i { color: #555; }

    h1 { font-size: 180%; }
    h2 { font-size: 150%; }

    .works-step div {
        font-size: 150%;
        height: 40px;
        width: 40px;
        margin-right: 15px;
    }

    .works-step:last-of-type {margin-bottom: 20px; }


    .section-reseller h3 {
        font-size: 200%;
    }
    
    .section-reseller p {
        font-size: 100%;
    }

    .social-links {
        float: unset;
    }

    .btn:link, .btn:visited, input[type=submit] {
        padding: 7px 15px;
    }
}


/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {

    .map.text-center {
        width: 50%;
    }

    .other-products .col {
        width: 80% !important;
        text-align: center;
        margin: 0 auto;
        display: block;
        float: unset;
    }

    .top-products-info h1 {
        text-align: center;
    }

    img.oder-now-banner {
        margin-top: 74px;
    }

    .products-showcase {
        text-align: center;
    }
    
    ul.products-list li {
        font-size: 14px;
    }

    .products-nav #anchor li a:after {
       padding-left: 20pt !important;
    }

    ul.products-list li {
        text-align: center;
    }

    .client_information {
        margin-left: unset;
    }
    iframe {
        height: 520px;
    }
    section { padding: 80px 0; }

    .footer-nav p {
        text-align: unset !important;
        margin-top: 10px;
        padding: 10px;
    }

    img.footer-logo {
        width: 200px !important;
        float: unset;
    }
    
}