/* From Big tablets to 1200px(width smaller than 1140px) */
@media only screen and (max-width: 1200px) {
   
    .main-page-navigation {
        padding: 0;
    }

    .main-boxes {
        padding: 18px;
    }

    .info-1 {
        /* padding-left: 30px; */
        padding-right: 30px;
    }

    .rebak-text { width: 45%; }

    .cut-paragraph br { display: none; }
}

/* Small tablets to big tablets from 768px to 1023px */
@media only screen and (max-width: 1023px) {

    
    .main-nav li {
        margin-left: 10px;
        margin-right: 10px;
    }

    .main-boxes {
        padding-bottom: 20px;
    }

    .main-boxes {
        padding: 10px;
    }

    body {
        font-size: 18px;
    }

    h1 {
        padding-left: 50px;
    }

    .info-1-1 {
        padding-left: 10px;
    }
    /* .info-1 {
        padding-right: 12px;
        padding-left: 22px
    } */

    .info-1 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .info-2-2 {
        padding-right: 40px;
    }

    .service img {
        height: 330px;
    }

    .service-title {
        padding-top: 0;
    }


    /*** contact ***/



    .contact-list {
        padding: 90px 0px 0 0;
       
    }

    .contact {
        padding-bottom: 20px; 
        /* font-size: 90%;    */
        
    }

    .contact-img { padding-right: 60px; }

    .contact-img img {

        width: 100%;
        
    }


    /*** cut **/

    .video video {
        width: 100%;
        padding: 0 10px;
    }

    .mowing-1 {
        width: 45%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .mowing-1-photo {
        width: 55%;
        float: right; 
        overflow: hidden;
        /* padding: 0 0 40px 60px; */
        padding-left: 4px;
    }

    .mowing-1-photo img {
        width: 100%;

    }


    .cut-text { 
        width: 50%; 
    }
    
    .cut-paragraph {
        padding-right: 20px;
        padding-left: 20px;
        margin: 0;
        
    }

    .icon-cut-big {
        font-size: 500%;
        display: block;
        color: #8BC34A;
        padding: 0;
        /* margin-bottom: 10px; */
        text-align: center; 
    }
    
    .video { padding-top: 0 }

}


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

    .contact-img {
        width: 500px;

    }

    .rebak-top {
        height: 400px;
    }

    .rebak-paragraph {
        margin: 0;
        padding-left: 20px;
        
    }

    .rebak-text {
        padding-top: 0;
        padding-left: 0px; 
        width: 57%; 
    }
    .rebak-img { width: 43%; }

    .cut-top { height: 570px;}

}


@media only screen and (max-width: 890px) {
    .contact-list {
        font-size: 100%;
    }

    .mulczer {
        height: 500px;
    }
}

/* Small phones to small tablets from 481px to 767px */
@media only screen and (max-width: 767px) {
   
    .mobile-nav-icon { display: inline-block; 
    margin: 20px;}

    .main-nav li { display: block; }

    /* .nav { height: 400px; } */
    /* .main-page-navigation { height: 400px;}
     */


    .main-nav li a {
        display: block;
        border: 0;
    }

    .main-page-navigation {
        padding: 0;
    }

    .main-page-navigation a:hover {
        padding: 0;
    }

    body { font-size: 18px; }

    .span-1-2 {
        width: 100%;
    }

    .info-2-2 {
        padding-right: 40px;
    }

    .main-box {
        font-size: 20px;
    }

    .info-vid {
        padding-left: 10px;
        padding-top: 20px;
    }

    .service { padding: 0; }

    .service-row { padding: 0;  }

    .service-photo { 
        width: 100%; 
        border-radius: 15px;
    }

    
    .service-title { width: 100%; }
    
    
    .info {
        height: 330px;
    }
    footer {
        padding: 50px;
        height: 300px;
        display: block;
        overflow: hidden;
        text-align: center;
    }
    
    .footer-others {
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
        
        display: block;
        line-height: 140%;
    }
    
    .footer-contact {
        width: 100%;
        
        padding-top: 30px;
        padding-right: 0px;
        float: center;
        display: block;
        
    }
    
    .footer-contact li {
        display: block; 
    } 



    /*** contact ***/

    #parent {
        display: flex;
        flex-flow: column;
    }

    #one { order: 1 }
    #two { order: 2 }

    .contact-list {
        padding: 20px;
        padding-bottom: 0;
        text-align: center;
        font-size: 24px;  
        margin: 0;   
    }


    .contact {
        text-align: center;
        padding: 20px;
        height: auto;
        
    }

    .contact-img { 
        padding: 10px; 
        width: 100%; }

    .icon-contact-big {
        visibility: hidden;
    }

    .main-nav { 
        display: none;
        }


    /*** rebak ***/


    .rebak-top { height: 720px; 
        padding: 0;
    }

    .rebak-top br { 
        display: none; 
    }

    .rebak-text { 
        width: 100%;  
        margin: 0;
        padding: 0 10px;
    }

    .rebak-img { 
        width: 100%; 
        float: center;
        padding-top: 40px;
        padding-left: 5px;
        padding-right: 15px;
    }



    /*** cut ***/



    .mowing-top {
        padding-bottom: 0;
    }

    .mowing-1 { 
        width: 100%;
        padding-left: 60px;
        padding-right: 60px;
    }

    .mowing-1-photo { 
        width: 100%; 
        float: initial;
        margin: 0;
        padding-left: 20px;
        padding-right: 20px;
    }


    .cut-top { padding: 0 }

    .cut-text { 
        width: 100%;
        padding-top: 0;
    }

    .cut-img { 
        width: 100%;
        padding: 0 20px 20px 20px;
    }

    /** mulczer **/

    .mulczer {
        height: 450px;
    }

}


@media only screen and (max-width: 700px){
    .mulczer {
        height: 400px;
    }
}

@media only screen and (max-width: 598px) {
    .info-vid { padding-top: 10px; }

    .rebak-top { height: 650px; } 
    
    .mulczer {
        height: 350px;
    }
}
    
/* Small phones from 0 to 480px */
@media only screen and (max-width: 480px) {
    
    body { font-size: 18px; }
    
    .info { height: 370px; }
    .service img {
        height: 280px;
    }

    .rebak-text {
        padding: 10px 2px;
    }

    .rebak-img {
        margin: 0;
        padding-left: 2px;
        padding-right: 2px;
    }


    .mowing-1 { 
        padding-left: 40px;
        padding-right: 40px;
    }

    .mulczer {
        height: 300px;
    }
}
    
@media only screen and (max-width: 360px) {
    .contact-list {
        font-size: 20px;
    }

    .mulczer {
        height: 250px;
    }
}