/*Style for window 1024px*/
@media screen and (max-width: 1024px) {
#main {width: auto; }
body {overflow-x: hidden; }
.w1 {   padding: 0 !important;}
.menus {padding:0}
.menus-container , #header .frames {width: 100%;}
.header-bar {width: 98%; padding: 0 8px;}
.w1  {width: 100% !important; box-shadow: none; -webkit-box-shadow:none ; -moz-box-shadow: none }
#footer .panel .panel-holder {width: 100%;}
img {
    height: auto;
    max-width: 100% !important;
}
.mains , .topbaro #mains, #mains {   width: 100%;}
#breadcrumbs {margin-left: 2px;}
#footer-ad , #header-ad {width:  100% !important;}
#content-fullwidth , #content-fullwidth .content-box .box-c , #content-fullwidth .content-box .box-holder
{width: 100%; }
.logos-home #mainss,  .featured-slider .gallery-holder {width: 100%; }
.featured-slider .slide  {float: auto !important}
.featured-slider .link-r {  right: -5%;}
.featured-slider .slide {width: 100%; margin-left: 2px;}
.slide-contain  {width: 92% !important}
.content-box .store-holder {
    width: auto;
	margin-right: 5px;
}
a.coupon-code-link span {height: 16px;}


.featured-slider .slide {width: 95%; margin-left: 5%}
}


/*Style for window 1000px*/
@media screen and (max-width: 1000px) {
.featured-slider .gallery-holder { left: 0px; padding: 0px;}

 }


/*Style for window 940px*/
@media screen and (max-width: 940px) {
body {overflow-x: hidden; }
#main {width: auto; }
#content ,.content-box .item  {width: 99%; margin: 0px; max-width:99% ; min-width:99%  }
.content-box .store-holder {
    width: auto;
	margin-right: 5px;
}
a.coupon-code-link span {height: 25px;}
#main #content .content-box ul.social li .show-comments  {width: auto;}
.content-box .box-holder {width: 98%}
#sidebar{width: 100%; margin: 0;}
#main #sidebar .share-box  {width:96%;margin-right: 1%; margin-left: 1%; }
#sidebar .subscribe-form .text {width: 98.5%;}
nav select { display: none; }
.featured-slider .slider li {padding: 10px;}
.featured-slider .link-r {
    right: -3%;
}

#header .search-box {display: inline;  float:left; }
#header .header-bar .search-box .holder {display: inline; }
.w1 { border: 0px;}
.featured-slider .slide { overflow: visible}

}


/*Style for window 925px*/
@media screen and (max-width: 925px) {

}

/*Style for window 900px*/
@media screen and (max-width: 900px) {
#nav { display: block}
.tinynav {display: none;}
.featured-slider .slide {margin-left: 4%}
}


/*Style for window 800px*/
@media screen and (max-width: 800px) {
#sidebar .subscribe-form .text {width: 98.2%;}
 .slide-contain  {width: 90% !important}
 #header .search-box-cont {float:left; margin-left: 1%; }
 
}

/*Style for window 780px*/
@media screen and (max-width: 780px) {
#sidebar .subscribe-form .text {width: 98.1%;}
#header .search-box-cont  {width: 96%;}
}

/*Style for window 750px*/
@media screen and (max-width: 750px) {
#sidebar .subscribe-form .text {width: 98.05%;}
}



/*Style for window 720px*/
@media screen and (max-width: 720px) {
#sidebar .subscribe-form .text {width: 98%;}
#nav {display: none;}
.tinynav { display: block; margin: 1%; width: 95%;}
.main-menu {height: auto;overflow: hidden;}

.featured-slider .slide {margin-left: 5%;  }


}

/*Style for window 680px*/
@media screen and (max-width: 680px) {
.item-panel {width: 60%}
#sidebar .subscribe-form .text {width: 97.8%;}
.slide-contain  {width: 86% !important}
}


/*Style for window 660px*/
@media screen and (max-width: 660px) {
#sidebar .subscribe-form .text {width: 97.75%;}
}




/*Style for window 600px*/
@media screen and (max-width: 600px) {
.item-panel {  width: 58%;}
#sidebar .subscribe-form .text {width: 97.5%;}
.featured-slider .link-r {
    right: -2%;
}
}

/*Style for window 570px*/
@media screen and (max-width: 570px) {
.item-panel {  width: 99%;}
.menus-container, #header .frames {
    padding: 1% !important;
    width: 98%;
}
nav ul#nav     { display: none; }
    nav select {float: left; display: inline-block; margin:2px auto;width:100%;padding:5px;font-size: 13px;}
.menus-container {padding: 5px 0; }
.menus {height: 80px;}
.login-head li {background: #ccc  ; margin-left: 2px; line-height: 25px; margin-top: 2px;}
}


/*Style for window 540px*/
@media screen and (max-width: 540px) {
p.desc {/*display: none;*/}
#sidebar .subscribe-form .text {width: 97.2%;}
#respond textarea.commentbox , #respond {  width: 99% !important; margin: 0px;}
.couponList td {float: left;}
.couponList td.col1 , .couponList .col1 { display: none; }

}



	
/*Style for window 500px*/
@media screen and (max-width: 500px) {
#header .search-box-cont {width:96%; margin-left: 2%; margin-right: 2%;  }
#sidebar .subscribe-form .text {width: 97.1%;}
.slide-contain  {width: 84% !important}
.featured-slider {display: block}
}


/*Style for window 450px*/
@media screen and (max-width: 450px) {
#sidebar .subscribe-form .text {width: 97%;}
.head .counter, .head .counter-red {padding-top: 10px;}
.featured-slider .link-r { right: -1%;}
.logos-home #main li.stt {width: 46%}
.logos-home #main li.stt a {max-width: 96%; max-height: 96%;}
.content-box .item-footer {width: 97%;}
.header-bar {padding: 0 0px;}
.featured-slider .slide {margin-left: 6% ; width: 94%}
}


/*Style for window 400px*/
@media screen and (max-width: 400px) {
#header .search-box .text {width: 80%;}
#sidebar .subscribe-form .text {width: 96.5%;}
#main #sidebar .share-box {
    margin-left: 1%;
    margin-right: 1%;
    width: 92%;
}
.content-box .post-box { padding: 10px 5px; }
.slide-contain  {width: 83% !important}

.featured-slider .slide {margin-left:7% ; width: 93%}
}

/*Style for window 350px*/
@media screen and (max-width: 350px) { 
#sidebar .subscribe-form .text {width: 96%;}
#breadcrumbs , .cats li.catso a {display: none}
.login-head li {padding-top: 5px;}

}

/*Style for window 300px*/
@media screen and (max-width: 300px) { 
#sidebar .subscribe-form .text {width: 95%;}
.header-bar  { padding: 0px;}
.slide-contain  {width: 75% !important}
.featured-slider .slide {margin-left:10% ; width: 90%}
.slide-contain {margin-left: 5px;}
ul.slide {margin-left: -10px !important}
 #logo img { width: 100%;}
}








/*Style for window 280px*/
@media screen and (max-width: 280px) { 
ul.slider {margin-left: -30px !important}
#logo { padding: 0px;}
}



/*Style for window 250px*/
@media screen and (max-width: 250px) { 
.featured-slider ,.logos-home{ display: none;}
#header .search-box, #header .search-box-cont { width: 96%}
}