@media only screen and (min-width:200px) and (max-width:760px){
.col-sm-6.leftimages {width: 100%; padding: 0 10px; }
.leftimages.background {height: 320px; }
.whitebg {position: relative; max-width:100%; top: 20px; transform: none; display: inline-block; margin-bottom: 30px; }
p.mainhead {font-size: 25px; }
.filterdiv .filterbox {width: 100%; padding: 0 0; margin-bottom: 15px;}
.miditems ul.menu li span.textmenu {display: none; }
.col-sm-9.maintexts {width: 62%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.col-sm-3.rightdrop {float: right; }
.filterbutton {top: 0; }
}

@media only screen and (min-width:641px) and (max-width:760px){

}


@media only screen and (min-width:767px) and (max-width:999px){

.middboxes span.smallimages {display: none; }
.middboxes {top: 40%; }
.middboxes p.mainhead {font-size: 33px; }
.filterdiv .filterbox {width: 33%; padding: 0 6px; }
.whitebg{max-width:90%;}
button.search{    min-width: 70px;}
.miditems ul.menu li a {padding: 8px 5px; } 
.miditems ul.menu li span.textmenu {font-size: 9px; width: 75%; top: 8px; }
.miditems ul.menu li i.menuicons {width: 19px; margin: 0 7px 0 0; }


}

@media only screen and (min-width:1000px) and (max-width:1200px){
p.mainhead {margin-bottom: 80px; }
button.search{min-width: 66px;margin-right: 4px; font-size: 14px;}
.miditems ul.menu li span.textmenu {font-size: 13px; width: 78%; }
}