@media only screen and (max-width:1000px) {
body{width:96%;}
#header, #feature, #page, #footer{height:auto; width:100%; min-width:100%;}
.inner{width:96%;}
#navigation{width:100% !important;}
#navigation li a {width: 73px; padding:0 10px 0 23px;}


#cboxMiddleLeft, #cboxMiddleRight, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{display:none;}
#colorbox{ width:96% !important;}
#cboxWrapper{ width:100% !important;}
#cboxContent{width:100% !important; padding:20px; box-sizing:border-box; border-radius:12px;}
#cboxLoadedContent{width:100% !important;}
.popup_block h2 span{width:100%; float:left; padding-top:15px;}
.popup_block .fleft.w250{ width:100%;}
.popup_block .fleft.w625{ width:100% !important; padding-top:15px;}
.popup_block .fleft.w625 .overflow{width:100% !important; box-sizing:border-box;}
.popup_box{width:100%;}
#colorbox, #cboxContent, #cboxLoadedContent{ box-sizing:border-box !important;}
.popup_block .fleft.itemscount{ width:100%; padding:0px 0px 5px 0px;}
.popup_block .fleft.w250 .fleft.padT3{width:100% !important;}
.popup_block .fleft.w250 .marR1{margin:0px !important;}
}


@media only screen and (max-width:979px) {
#header{display:inline-block;}
.nav-btn { display: block; position: absolute; top: 3px; }
#navigation{height:auto; position:relative; margin:0px;}
#navigation ul { display: none; width: 100%; float:left;}
#navigation ul li { display: block; float:left; width:100%;}
#navigation ul li a{padding:0px 10px; display:inline-block; width:100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:15px !important;}
#rainbow-logo{width:100px; display:inline-block;}
#rainbow-logo img{width:100%; display:inline-block;}
.nav-btn {right: 14px;  top: -61px;}
#navigation .centre-menu-option{display:none;}
.home .inner .content table{ width:100%;}

.content ul.img_listing{width:100%; padding:0px; width:102%; float:left; margin-left:-2%;}
.content .img_listing li{ width:48% !important; padding:0px 0px 2% 2%; margin:0px !important; height:auto;}
.content .img_listing li div.img_field{width:100% !important;}
.content .rightblock .fleft{ width:100%; padding-bottom:10px; text-align:center;}
.content .pagging_nav{float:left;}
.w30.fleft{width:100%;}
.w68.fright{width:100%;}


}

@media only screen and (max-width:639px) {
.one_third{width:100%; padding-bottom:15px;}
.main_area .left_sec, .main_area .right_sec{width:50%;}
.rightblocktop{box-sizing: border-box; float: left; height: auto !important; text-align: center; width: 100%;}
.shopingbasket{overflow-x:scroll;}

}

@media only screen and (max-width:480px) {
.content ul.img_listing {margin-left:0%;  width: 100%;}
.content .img_listing li {padding: 0 0 2% 0px; width: 100% !important;}
.pagging_nav li{margin:0px;}
.rightblocktop .fleft{float:left; width:100%; padding-bottom:10px;}
.rightblocktop .fright.marR1{ width:100%; margin:0px; padding-bottom:5px;}
.rightblocktop td{display:block;}

.ModColorworldCustomerBasketC .inner_header{width:auto !important;}

.rightblock .fleft{float:left; width:100%; padding-bottom:10px;}
.rightblock .pagging_nav{float:left; width:100%; padding:0px;}
div#nav a {margin: 0 6px;}
div#nav h1 {font-size: 12px;}
#header td{display:block; padding-bottom:8px;}
.form_label2{width:100%; padding:0px 0px 10px 0px;}
.form_inpLabel2, .form_inpLabel2 .w50.fleft{width:100%;}
.form_inp{width:100%;}
.form_field2{width:90%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:15px; float:left;}
.form_field2 .blue.fright{float:left;}
}