@media screen and (max-width:1024px) {
.menutop li.root > .item span{padding: 0 9px !important;}
.menutop li.root > a{ font-size: 12px !important;}
.menutop li.parent.root .item span .daddyicon, .menutop li.root .daddy.item .daddyicon{right: -19px !important;}
.menutop li.root > .item span {
	padding: 0 15px !important;}
.civic-box-wrapper {   width: 100%; }


}





@media screen and (max-width:960px) {
.wrap{width:100%;}

}





@media screen and (max-width:768px) {
.wrap{width:100%;}
.civic-box{ width:42%;}
.civic-ctn{  min-width: 66%; width:60%;}
.right-bar{ width:100%; text-align:center; padding:0 0 10px 0px;}
.civic-box h2{ font-size:15px;}
.civic_organization{width:42%;}
.primary_div{height:auto;}
.civic-box-wrapper{ width: 100%;}
.menutop li.root > .item span{padding: 0 9px !important;}
.menutop li.root > a{ font-size: 11px !important;}
.menutop li.parent.root .item span .daddyicon, .menutop li.root .daddy.item .daddyicon{right: -10px !important;}
.rt-container .rt-grid-12.rt-alpha.rt-omega{ width:100% !important;}
}





@media screen and (max-width:768px) {
.wrap{width:100%;}
.civic-box{ width:42%;}
.civic-ctn{ width:60%;}
.right-bar{ width:100%; text-align:center; padding:0 0 10px 0px;}
.civic-box h2{ font-size:15px;}
.civic_organization{width:42%;}
.primary_div{height:auto;}

/*--------------MAP AND DIRECTIONS CSS----------*/
.left-bar{ width:96%; float:none; margin:0px auto; padding:0px;}
.get span{   }
.get-fild{ width:300px;}
}




@media screen and (max-width:640px) {
.wrap{width:100%;}
.civic-box{ width:41%;}
.pro-img{ float:none; margin-bottom:10px;}
.civic-ctn{ width:100%;}
.right-bar{ width:100%; text-align:center; padding:0 0 10px 0px;}
.civic_organization{width:41%;}
.pro-img{ float:none; margin-bottom:10px;}

/*--------------MAP AND DIRECTIONS CSS----------*/
.left-bar{ width:96%; float:none; margin:0px auto; padding:0px;}
.get span{ width:96%; }
.get-fild{ width:100%; margin:5px 0px;}
/*--------------TEAM PAGE CSS----------*/
ul.tabs a{padding: 5px 8px;}
.tab-ctn .pane { width:95%;}
.fetu-box { margin: 0 0 20px 12px;}
#rocket{ float: left !important;}
}
@media screen and (max-width:640px) {

.tab-ctn .pane{overflow-x: scroll !important;}
}

@media screen and (max-width:480px) {
.wrap{width:100%;}
.civic-box{ width:86%;}
.pro-img{ float:left;}
.civic-ctn{ width:70%;}
.civic_organization{width:86%;}
.primary_div{height:auto;}
.right-bar{ width:100%; text-align:center; padding:10px 0 10px 0px;}
.brad ul li a{ font-size:12px; font-weight:normal;}


/*--------------MAP AND DIRECTIONS CSS----------*/
.left-bar{ width:96%; float:none; margin:0px auto; padding:0px;}
.get-fild{ margin:5px 0 10px 0px;}

/*--------------COACHES CSS----------*/
.profile{ text-align:center; padding-bottom:15px;}
.profile img{ float:none; }
.profile ul{ float:left; margin:0px auto 10px; text-align:left;}
a.back{ margin:15px 0 0 0px;}
.coache-box h3{ font-size:18px;}


/*.coache-box{ text-align:center;}*/

/*--------------TEAM PAGE CSS----------*/
.tab-ctn .pane { width:94%;}
.fetu-box{ margin:0 0 15px 11px;}
.over{ overflow:auto;}


ul.tabs li { width:31.7%;}
ul.tabs a{ padding:10px 0px; background:#491568; color:#fff;}
ul.tabs a:hover{ color:#fff;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background:#9E0B0F; color:#fff; top:0px;}
table.grid-1{ width:600px;}
table.grid-3{ width:600px;}
table.grid-4{ width:600px;}

}

@media screen and (max-width:320px) {


.wrap{width:100%;}
.civic-box{ width:78%; }
.civic-ctn{ width:100%;}
.pro-img{ float:none; margin-bottom:10px;}
.brad ul li a{ font-size:13px; font-weight:normal;}
.right-bar{ width:100%; text-align:center; padding:10px 0 10px 0px}
.civic_organization{width:78%;}
.primary_div{height:auto;}

/*--------------MAP AND DIRECTIONS CSS----------*/
.left-bar{ width:96%; float:none; margin:0px auto; padding:0px;}
.get span{ width:96%; }
.get-fild{ width:100%;}


/*--------------FICILITY VIEW CSS----------*/
table.grid-1 tr td{ padding:8px 3px;}

/*--------------COACHES CSS----------*/
.profile{ text-align:center; padding-bottom:15px;}
.profile img{ float:none; }
.profile ul{ float:none; margin:0px auto 10px; text-align:left;}
a.back{ margin:15px 0 0 0px;}
table.grid-2 tr td{ padding:3px; font-size:12px;}
table.grid-2 tr td img{ padding:0px; border:solid 1px #999;}

.coache-box{ text-align:center;}
/*--------------TEAM PAGE CSS----------*/

.tab-ctn .pane { width:90%;}
ul.tabs li { width:47%;}
ul.tabs a{ padding:10px 0px; background:#491568; color:#fff;}
ul.tabs a:hover{ color:#fff;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background:#9E0B0F; color:#fff; top:0px;}

.fetu-box{ float:none; margin:0px auto;}
.coache-box img{ float:none;}




.over{ overflow:auto;}
table.grid-1{ width:600px;}
table.grid-3{ width:600px;}
table.grid-4{ width:600px;}

.pro-name { 
	font-size: 97%; 
}
a.preview img{ float: left !important;
	width: 50px !important;}
}



@media print{
	@page{
		size:  auto;   /* auto is the initial value */
		margin: 0mm;  /* this affects the margin in the printer settings */
	}
	html{
		background-color: #FFFFFF; 
		margin: 0px;  /* this affects the margin on the html before sending to printer */
	}
	body{
		border: solid 1px #666666;
		margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
	}
}