    @media only screen and (max-width: 1300px) {
	.f1 {
    width: 50% !important;
    padding-left: 0!important;
}
	}
	
	@media only screen and (max-width: 991px) {
		.menu-button {
        width: 88%;
    }
    
    .new-page {
        max-width: 820px;
    }
	.block1{
		width: 97%;
		
	}
	}
	@media only screen and (max-width: 767px) {
		.i1 {
    background-position: 11px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}
.i2 {
    background-position: 8px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}
.i3 {
    background-position: 13px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}
.i4 {
    background-position: 10px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}
.i5 {
    background-position: 16px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}

.i1:hover {
    background-position: 11px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}
.i2:hover {
    background-position: 8px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}
.i3:hover {
    background-position: 13px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}
.i4:hover {
    background-position: 10px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}
.i5:hover {
    background-position: 16px 0px !important;
    position: relative !important;
    bottom: 0 !important;
}
	.f1 {
    width: 46% !important;
    padding: 11px;
}
.block1{
		
		height: 290px !important;
	}
	
	.block2-left {
    width: auto !important;
    float: none !important;
    
}
.block3-right {
    width: auto !important;
    float: none !important;
     padding-left: 0 !important;
}
.block2-right {
    width: auto !important;
    float: none !important;
     padding-left: 0 !important;
}
.block3-left {
    width: auto !important;
    float: none !important;
   
}
.moveItLeft {
    width: auto !important;
    float: none !important;
}
.moveItRight {
   
    margin-left: 0 !important;
}

	}
	
	@media only screen and (max-width: 480px) {
	.f1 {
    width: 96% !important;
 
}
.input-add {
    width: 96% !important;
    margin-top: 0;
    
}
.square {
    margin-top: 10px;
}
	}