/*big screen*/
@media only screen and (min-width: 2100px) {
/*.komercni-projekty {background-position: 100% 63%; background-size: cover;}*/

}

@media only screen and (min-width: 1700px) {}
	

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


/*small screen*/


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



@media only screen and (max-width: 1020px) {
    #fb, #yt {
        width: 70px;
        height: 50px;
    }
    
    #fb img, #yt img {
        width: 25px;
    }
    
    .circle {
        width: 140px;
        height: 140px;
    }
}


/*--tablet --*/
@media only screen and (max-width: 900px) {
    .main-width {
        width: 80%;
    }
    
    body {
        font-size: 15px;
    }
    
    .page-headline {
        padding: 0 5%;
    }
    
    h1 {
        font-size: 4em;
    }
    
    .subheadline {
        font-size: 1.3em;
    }
    
    h2 {
        font-size: 4em;
    }
    
    .contact h3 {
        font-size: 2.7em;
    }

    
    #logo-50 {
        width: 20%;
    }
    
    .logomain {
        width: 20%;
    }
    
    .product {
        width: 33%;
    }

    .modal-body {
        display: flex;
        flex-direction: column;
        height: 100% !important;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    .product-details {
        width: 100% !important;
    }

    .product-image-container {
        height: 60vh;
    }

    .modal-content {
        padding: 0 10%;
        overflow: scroll;
    }


    #custom-cursor {
        transform: translate(100%, 100%) !important;
        right: 60px !important;
        left: initial;
    }

    .novinka::before {
        font-size: 2.5em !important;
        width: 50px;
    }
}


@media only screen and (max-width: 782px) {
    .main-width {
        width: 90%;
    }
    
    .bubble.big {
        width: 45px;
    }

    .bubble.small {
        width: 15px;
    }

    .bubble.medium {
        width: 25px;
    }
    
    .social {
        top: initial;
        left: initial;
        right: -10px;
        bottom: 4em;
        transform: initial;
    }
    
    
    #fb img, #yt img {
        margin-left: 0;
    }
    
    .page-headline {
        margin-top: 10em;
    }
    
    body {
        font-size: 9px;
    }

    #mainmenu {
        font-size: 1.8em;
    }
    
    .address {
        text-align: center;
    }
    
    .maspex {
        width: 30%;
    }

    .novinka::before {
        font-size: 2em !important;
        width: 40px;
    }

    .novinka-badge {
        font-size: 3em !important;
        width: 40px;
        height: auto;
    }

}

@media only screen and (max-width: 630px) {
    .circle {
        position: static;
        margin: 2em auto 0;
        font-size: 1.1em;
        width: 100px;
        height: 100px;
    }
}



/* --mobil--*/
@media only screen and (max-width: 555px) {
    .product {
        width: 49%;
    }
        
    .novinka::before {
        font-size: 3em !important;
        width: 40px;
    }

    .novinka-badge {
        font-size: 3em !important;
        width: 40px;
        height: auto;
    }
}


@media only screen and (max-width: 475px) {	 
    .myCheckbox span {
        height: 114px;
    }
}

@media only screen and (max-width: 400px) {}
    
@media only screen and (max-width: 375px) {}

@media only screen and (max-width: 340px) {
    .g-recaptcha {
        transform: scale(0.9);
    }
}