.smallspin {position: relative; float: right; width: 36px; height: 30px; margin-right: 30px; margin-top: 5px;}
.wtf {display: none; position: absolute; text-align: right; width: 350px; top: 65px; right: 25px;}



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


.a1, .a7 {min-height: 200px;}
.a3, .a6  {min-height: 210px;}
.a4, .a5 {min-height: 180px;}
.a2, .a8 {min-height: 225px !important;}

}


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

.art-t .a-cell {
		width: 50%; 		display: inline-block;  
	}
	
.z-cell {width: 199% !important; float: left;}


.a3 {min-height: 220px !important;}
}




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

.vertical {width: 60%;}

.vertical-in {width: 70%; margin-top: -15px !important; padding: 43px 50px 40px 50px;}
#i-first {text-align:justify; text-justify: inter-word;}

.buy-t .a-cell {
		width: 100%; 		display: inline-block;  
	}

.a1 {min-height: 220px !important;}
.a3 {min-height: 235px !important;}
.a8 {min-height: 240px !important;}

.smallspin {position: absolute; right: 0; top: 0; margin-right: 15px; margin-top: 5px;}
.wtf {display: none; position: relative; text-align: center; width: 100vw; top: 0px; width: 100%; right: 0px; background-color: #efefef; padding: 4px 0px 4px 0px;}


}



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


.index {background-size: 25%; background-position: center 160px !important;}

.a8 {min-height: 260px !important;}
.a6, .a7 {min-height: 230px !important;}
.a2 {min-height: 240px !important;}


}


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


.boxes {width: 70%; text-align: justify; font-style: normal;}

.a8 {min-height: 285px !important;}
.a6, .a7 {min-height: 230px !important;}
.a2 {min-height: 270px !important;}
.a1 {min-height: 240px !important;}
.a3 {min-height: 270px !important;}
.a4 {min-height: 200px !important;}

}


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




.a-cell {
		width: 100% !important;
	}

.z-cell {
		width: 400% !important;
	}

.a1, .a2, .a3, .a4, .a5, .a6, .a7, .a8 {min-height: 100px !important; padding-bottom: 10px;}



}




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


.a1, .a7 {min-height: 200px;}
.a2, .a3, .a6, .a8  {min-height: 210px;}
.a4, .a5 {min-height: 180px;}




.z-row {width: 25% !important; float: left;}

.a-row {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 0px;
		margin-top: 0px;
		display: block; 
		border-spacing: 0px;
	}


}



@media screen and (min-width: 1200px) {



.z-row {width: 25% !important; float: left;}




}





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


.credit {text-align: center;}

	.example {display: none;}
#tabs {display: block;}

	.m-left,
	.m-under {
		display: none;
	}
	.spin {
		display: none;
	}
	.smallspin {
	}
	.b-cell {
		width: 100% !important;
		display: block !important;
		margin-top: 10px;
		text-align: center;
		vertical-align: top;
		text-align: center;
	}
	.b-img {
		display: inline-block;
		margin-left: 30px;
		margin-top: 40px;
		width: 270px;
	}
	.b-info {
		width: calc(100% - 400px);
		margin-left: 25px;
		margin-top: 40px;
	}

	.all-text {
		width: calc(100% - 100px);
	}

	.fa-dharmachakra {
		color: #707070;
		margin-top: 18px;
		font-size: 20px;
	}
	.head {
		background-position: center bottom;
	}
	a:link,
	a:visited,
	a:active {
		font-size: 10px;
	}

	.vertical {
		display: table-cell;
		line-height: 20px;
		padding: 250px 0% 0px 0%;
		vertical-align: top !important;
	}
	.top-s {
		height: auto !Important;
	}
}