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

@media only screen and (max-width: 1440px) {
        .icon {
        width: 60%;}
        .hed {
	margin-left: 5px;
}
    .big { margin-right: ;
        width: 28%;
        
    }
    .hed {margin-top: 25px;}
}

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

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

@media only screen and (max-width: 992px) {
    header {
        display: block;
        font-size: 68%
    }

    section {
        font-size: 90%
    }
}

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

    .icon,
    .left,
    .navs,
    .onet,
    .map,
    .slider,
    #mapleft {
        display: none;
    }

   
    header {font-size: 15px;}
    header .name p{
        top:8%;
    
    }


    .bigImg {
        height: 60vw;
        width: 90%;
        display: block;
        background-image: url(../media/img/11.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        margin-top: 1px;
        margin: 5%; 
    }
    .hed {margin: 1px;
        left: 2%;
        right: 2%;
    }
    .centr {right: 2%;}
    .work2 { margin:2% 0;
  padding: 0;}
}

@media only screen and (max-width: 375px) {
    header {
        display: block;
        font-size: 75%
    }
}

@media only screen and (max-width: 360px) {
    .bote button {
	font-size: 5vw;
	
	
}
}

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

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

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

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

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

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