@media only screen and (max-width:1490px){
    .main h1{
        font-size: 3.1em;
    
    }
    
    .main h3{
        font-size: 2em;
    }

    .row img{
        width: 130px;
        height: 130px;

    }


    }
    @media only screen and (max-width:1280px){
        .social{
            display: none;
          }

    }

    @media only screen and (max-width:1000px){
        .main h1{
            font-size: 2.9em;
        
        }
        
        .main h3{
            font-size: 1.85em;
        }


        .img-sekce img{
            width: 150px;
            border-radius: 10px;
        }

        .row img{
            width: 100px;
            height: 100px;
        }
        
        }
    


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

    .navigace{
        margin-left: 5px!important;
    }
    .main h1{
        font-size: 2.5em;
    
    }
    .main li{
        font-size: 2em;
        list-style-type:none;
        letter-spacing: 1.5px;
    }

    }



    @media only screen and (max-width:770px){
        #sekce1{
            font-size: 0.9em;
            padding-top: 40px;
        }
        .product{
            width: 100%;
        }
        .img-sekce img{
            width: 150px;
        }
    }

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

    
    #map {
        width:350px;
        height:350px;
        }

    .galerie h3{
        font-size: 1.1em;
    }

    }
    .row>*{
        width: auto;
    }


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


        .main h1{
            font-size: 2.2em;
        
        }
        .main li{
            font-size: 1.8em;
            list-style-type:none;
            letter-spacing: 1.5px;
        }
    .praxe{
        font-size: 2em;
    }
        }



@media only screen and (max-width:450px){
    .main h1{
        font-size: 1.8em;
    
    }
    .main li{
        font-size: 1.2em;
        list-style-type:none;
        letter-spacing: 1.5px;
    }
    .praxe{
        font-size: 1.5em;
    }
.width-300{
    min-width: 280px;
}


    .main h2 a {

        font-size: 1.5em;
    }

    #sekce3 p {
        font-size: 1em;
    }

    .row img{
        width: 70px;
        height: 70px;

    }

    #kontakt h2{
        font-size: 3em;
        padding-top: 15px;
     
    }
}

@media only screen and (max-width:395px){
    #logo h1 {
        font-size: 0.9em;

    }
    #logo small {
        font-size: 0.7em;
        letter-spacing: 0.1em;
    }
    .main h2 a {

        font-size: 1.3em;
    }
    .main ul{
        padding-bottom: 30px;
    }

    #kontakt{
        font-size: 0.8em;
    }

    #map {
        width:300px;
        height:300px;
        }
}


@media only screen and (max-width:360px){
    .main h1{
        font-size: 1.6em;
    
    }
    .main li{
        font-size: 1em;
        list-style-type:none;
        letter-spacing: 1.5px;
    }
    .praxe{
        font-size: 1.2em;
    }
    #map {
        width:240px;
        height:240px;
        }

    #kontakt strong {
        font-size: 0.95em;
    }
}