.rslides_tabs {list-style:none;padding:0;background:rgba(0,0,0,.25);box-shadow:0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);-moz-box-shadow:0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);-webkit-box-shadow:0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);font-size:18px;list-style:none;margin:0 auto 50px;max-width:540px;padding:10px 0;text-align:center;width:100%;}

.rslides_tabs li{display:inline; float:none; margin-right:1px;}
.rslides_tabs a{width:auto; line-height:20px; padding:9px 20px; height:auto; background:transparent; display:inline;}
.rslides_tabs li:first-child{margin-left:0;}
.rslides_tabs .rslides_here a{background:rgba(255,255,255,.1); color:#fff; font-weight:bold;}


.callbacks_container{margin-bottom:50px; position:relative; float:left; width:100%;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position: absolute;width:100%;left:0;top:0;}


.callbacks .caption{display: block;position:absolute;z-index:2;margin:0;max-width:none;}

.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:230px;left:50px;opacity:0.7;z-index:99999;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(/prx/000/https/www.bestcss.in/application/assets/public/images/themes.gif) no-repeat left top;margin-top:-45px;}

.callbacks_nav:active{opacity:1.0;}

.callbacks_nav.next{left:auto;background-position:right top;right:50px;}

.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0; background:url(/prx/000/https/www.bestcss.in/application/assets/public/images/bannerbg.png);}

.rslides li{position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides .slider-img{display:block;height:400px;float:left;width:100%;border:0;}
  
#pageslide {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 200px;
background-color: #333;
color: #FFF;
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222; }

#pageslide ul#navslide {
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: bold; }

#pageslide ul#navslide li {
list-style-type: none; }

#pageslide ul#navslide li a {
display: block;
color: #ffffff;
padding: 1em 2em ;
border-bottom: 1px solid #5c5c5c; text-decoration:none; }

#pageslide ul#navslide li a:hover {
background-color: #6a6a6a; }

.nav_link{display:none; position:absolute; top:40px; right:0px;}

.nav_link.open {
background-position-y: bottom; }

.nav_link a {
display: block;
text-indent: -999px; background:url(/prx/000/https/www.bestcss.in/application/assets/public/images/menu.png) no-repeat 0 0; width:30px; height:30px; margin-right:10px;}

@media only screen and (max-width:1350px){
	.item-info{right:20px;}
}
@media only screen and (max-width:1170px){
.box-item:nth-child(odd){padding-right:20px;}
.box-item:nth-child(even){padding-left:20px;}
.box-info{min-width:250px;}
}
@media only screen and (max-width:1100px){
	.box-item .img{max-height:285px; min-height:285px;}
}
@media only screen and (max-width:1000px){
.box-item{width:100%;}
.box-item:nth-child(odd){padding-right:0px;}
.box-item:nth-child(even){padding-left:0px;}
.box-item .img{min-height:auto; overflow:inherit;max-height:auto;}
.item-img img{max-width:100%;}
}
@media only screen and (min-width:980px) and (max-width:2000px){
	#pageslide{ display:none !important;}
}

@media only screen and (max-width:900px){
	.header{padding:0 15px;}
	a.submit-web:link, a.submit-web:visited{ right:15px;}
	.header .social{right:200px;}
	ul.nav li.search{margin-right:15px;}
	.fixwidth{padding:0 15px;}
	.site-detial .floatleft{float:none; text-align:center; max-width: 768px;:}
	.detail-text{float:none; margin-top:30px; margin-left:95px;}
	.ribboncode{min-width:710px;}
	.adswidth,.footer-ads{display:none;}
	.submission-area .submission{width:46%; margin:0px 2%;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; float:left;}
.submission-area .submission.standard{margin-right:2%;}
.content-page{font-size:15px; line-height:22px;}
.item-info{width:100%; right:auto; left:auto; top:auto; bottom:auto; position:relative; padding:20px;}
.site-item{padding-bottom:30px; padding-top:30px;}
.site-item .item-info:hover{margin-top:0px;}
.site-item img{width:1000px; margin-bottom:0px;}
.pt190{padding-top:50px;}
.item-info h1{padding-bottom:10px;}
.item-info h2{font-size:22px; padding-bottom:5px;}
.site-dec{padding-top:30px;}
.btn-submit{display:none;}
.navbar .submit-site{display:block;}
.header{height:60px;}
.sitecontainer{padding-top:60px;}
.logo{padding:12px 0 0 0px; text-align:center;}
.logo img{max-height:35px;}
.btn-submit{top:9px;}
.btn-submit a{height:40px; line-height:40px; padding:0 20px; font-size:16px;}
.nav-icon{top:20px;}
.navbar ul{padding-top:60px;}
.search-icon{top:16px; right:15px;}
.search{top:60px;}
}
@media only screen and (max-width:760px){
	.adswidth,.footer-ads{display:none;}
	.header{padding:0 15px;}
	.fixwidth{padding:0 15px;}	
	.floatright, .floatleft{float:none;}
	
	.header .social{right:0px;}
	a.submit-web:link, a.submit-web:visited{position:relative; right:0px; left:0px;}
	
	
	
	.site-detial .floatleft{float:none; max-width:450px; min-height:280px;}
	.site-detial .floatleft img{width:100%; height:auto;}
	.detail-text{float:none; margin-top:20px; margin-left:0px; min-width:100px;}
	ul.featured{margin:0px;}
	
	.copyright{text-align:center; height:auto; line-height:30px;}
	.copyright .fixwidth{ padding-top:10px;}
	.ribboncode{min-width:430px;}
	.comment-but{padding:0px;}
	.submission-area .submission.standard{margin-right:0px;}
	.share-popup{max-width:100%; margin-left:0px; left:5%; width:90%;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
	
	.submission-area .submission{width:100%; margin:0px auto 30px auto;float:none; max-width:400px; display:block;}
.submission-area .submission.standard{margin-right:auto;}
.sub-page{padding-top:30px;}
.sub-page .heading{padding-bottom:30px;}
.content-page{padding-bottom:0px;}
.sub-page .heading{padding-bottom:20px;}

}
@media only screen and (max-width :550px){
.box-info{width:90%; max-width:100%; left:5% !important; top:auto !important; bottom:-40px !important; right:auto !important;}
.row .col-6{width:100%;}
.row .col-6:last-child{padding-top:20px;}


}
@media only screen and (max-width : 470px) {
	.adswidth,.footer-ads{display:none;}
	.fixwidth{padding:0 15px;}
	.floatright, .floatleft{float:none;}
	
	.header .social{right:0px; display:none;}
	a.submit-web:link, a.submit-web:visited{position:relative; right:0px; left:0px;}
	
	
	
	.site-detial .floatleft{float:none; max-width:300px; min-height:165px;}
	.site-detial .floatleft img{width:100%; height:auto;}
	.detail-text{float:none; margin-top:20px; margin-left:0px;}
	
	.copyright{text-align:center; height:auto; line-height:30px;}
	.copyright .fixwidth{ padding-top:10px;}
	.copyright a{padding:0 4px;}
	
	.submit-form .textfiled{min-width:90%; padding:0 5%}
	.submit-form .textarea{min-width:90%; padding:5%;}
	.formError{left:130px !important;}
	.captcha .textfiled{min-width:35% !important; width:100px !important;}
	.submit-form .floatleft{padding:0px;}
	.ribboncode{min-width:280px;}
	.comment-but{padding:0px;}
	.comment-form .textfiled{min-width:90%; padding:0 5%}
	.comment-form .textarea{min-width:90%; padding:5%;}
	.categorie.subscribe{margin:0px;}
	#mc_embed_signup{float:none; width:100%;}
	.submission-area .submission{width:100%; padding:20px;}
	.box-item h2{font-size:16px; width:100%; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
}
@media only screen and  (max-width : 260px) {
	.adswidth,.footer-ads{display:none;}
	.header{padding:0 10px;}
	.fixwidth{padding:0 10px;}
	.floatright, .floatleft{float:none;}
	.logo{text-align:center;}
	.header .social{right:0px; display:none;}
	a.submit-web:link, a.submit-web:visited{position:relative; right:0px; left:0px;}
	
	
	
	.site-detial .floatleft{float:none; max-width:220px; min-height:130px;}
	.site-detial .floatleft img{width:100%; height:auto;}
	.detail-text{float:none; margin-top:20px; margin-left:0px;}
	.detail-text h1{font-size:20px; margin-left:55px;}
	.detail-text h1 big{ line-height:44px; font-size:57px;}
	
	.copyright{text-align:center; height:auto; line-height:30px;}
	.copyright .fixwidth{ padding-top:10px;}
	.copyright a{padding:0 4px;}
	
	.submit-form .textfiled{min-width:90%; padding:0 5%}
	.submit-form .textarea{min-width:90%; padding:5%;}
	.formError{left:100px !important;}
	.captcha .textfiled{min-width:28% !important; width:50px !important;}
	.captcha span{width:18px;}
	.submit-form .floatleft{padding:0px;}
	
	.ribboncode{min-width:200px;}
	.comment-but{padding:0px;}
	.comment-form .textfiled{min-width:90%; padding:0 5%}
	.comment-form .textarea{min-width:90%; padding:5%;}
	
}