/*Big tablets to 1200 : (Width smaller that the 1140px row) */

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

    .hero-text-box {

        width: 100%;

        padding: 0 2%;

    }





}



/*Small tablets to big tablets : from 768px to 1023px */

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

    body {

        font-size: 18px;

    }



    section {

        padding: 60px 0 0 0;

    }

    #kontakt,

    #terminy_oprav,

    #vyznamni_zakaznici{

        padding-bottom: 60px;

    }

  .logo{

        display: block;

    }

.logo-mobile{

    display: none;

}

}



/*Small phones to small tablets : from 480px to 767px */

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



    .logo{

        display: none;

    }

.logo-mobile{

    display: block;

}

    #picture_motors4 {

        

        margin-left: 30%;

        

    }

    #gumarny_logo {



        margin-left: 15%;

    }



    #tatra_logo {





        margin-left: 30%;

    }



    #tatra_logo {

        margin-top: 0;

    }



    body {

        font-size: 16px;

    }



    section {

        padding: 30px 0 0 0;

    }

    #kontakt,

    #terminy_oprav,

    #vyznamni_zakaznici {

        padding-bottom: 30px;

    }



    .terms__text {

        margin-top: 50px;

    }



    .row,

    .hero-text-box {

        padding: 0 4%;

    }



    .col {

        width: 100%;

    }



    .main-nav {

        display: none;

    }



    .mobile-nav-icon {

        display: inline-block;

    }



    .main-nav {

        float: left;

        margin-top: 35px;

        margin-left: 25px;

    }



    .main-nav li {

        display: block;

    }



    .main-nav li a:link,

    .main-nav li a:visited {

        display: block;

        border: 0;

        padding: 10px 0;

        font-size: 100%;

    }



    .sticky .main-nav {

        margin-top: 10px;

    }



    .sticky .main-nav li a:link,

    .sticky .main-nav li a:visited {

        padding: 10px 0;

    }



    .sticky .mobile-nav-icon {

        margin-top: 5px;

        margin-right: 10px;

    }



    .sticky .mobile-nav-icon i {

        color: #555;

    }



    .hero-text-box>h1 {

        font-size: 1rem;

    }

}



/*Small phones: from 0 to 480px */

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

    #picture_motors4 {

        

        margin-left: 20%;

        

    }



}



/*Small phones: from 0 to 480px */

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

    #picture_motors4 {

        

        margin-left: 10%;

        

    }

    section {

        padding: 25px 0 0 0;

    }



    #gumarny_logo,

    #terminy_oprav,

    #vyznamni_zakaznici {

        margin-left: 0;

    }

    #kontakt{

        padding-bottom: 25px;

    }

}