@media only screen and (max-width: 2000px) {
    #div1{
        margin-right:20px;
        float:left;
        width:60%;
        height:100%;
        
        position: relative;
        background-size: cover;
	background-position:center center;
    }

    #div2{
        float:left;
        width:35%;
        height:190px;
        
        position: relative;
        background-size: cover;
	background-position:center center;
    }

    #div3{
        margin-top:20px;
        float:left;
        width:35%;
        height:190px;
        
        position: relative;
        background-size: cover;
	background-position:center center;
    }

    #baners3{
        margin:0 auto;
        width:1100px;
        height:400px;
        margin-top:80px;
    }

}

@media only screen and (max-width: 1100px) {
    #div1{
        margin:0 auto;
        float:none;
        width:80%;
        height:200px;
        
    }

    #div2{
        margin:20px auto;
        float:none;
        width:80%;
        height:200px;
         
    }

    #div3{
        margin:20px auto;
        float:none;
        width:80%;
        height:200px;
        
    }

    #baner{
        margin:0 auto;
        width:80%;
        height:400px;
    }

    #baners3 {
    margin: 0 auto;
    width: 100%;
    height: 600px;
    margin-top: 80px;
}

}

@media only screen and (max-width: 700px) {
    #div1{
        margin:0 auto;
        float:none;
        width:90%;
        height:200px;
        
    }

    #div2{
        margin:20px auto;
        float:none;
        width:90%;
        height:200px;
         
    }

    #div3{
        margin:20px auto;
        float:none;
        width:90%;
        height:200px;
        
    }

    #baner{
        margin:0 auto;
        width:90%;
        height:400px;
    }
    #baners3 {
        
        margin-top: 20px;
    }

}