@media screen and (max-width:400px)
{
	.box_shade
{
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.small_flex, .big_flex_sq, .big_flex_rec, .wide_flex_sq, .wide_flex_rec
{
	width:100%;
}
.responsive-card
{
	flex-wrap:wrap !important;
	-webkit-flex-wrap: wrap !important;
}
.responsive-card .card-image
{
	max-width:100% !important;
	width:100% !important;
}
.ss{
	font-size:8px;
}
.vid{
	width:100%;
	height:100%;
}
}
@media screen and (min-width:600px)
{
#myimg{
	
	position:absolute;
	top:0;
	left:0 !important;
	margin: 0.5%;
	width:45%;
	box-shadow:2px 2px 10px rgba(0,0,0,0.8) ;
}
#myimg2{
	position:absolute;
	left:48% !important;
	top:0px;
	margin: 0.5%;
	width:45%;
}
#myimg3{
	position:absolute;
	left:97% !important;
	top:0px;
	margin: 0.5%;
	width:50%;
}
}
@media screen and (max-width:600px)
{
.sch_details > div:nth-child(1)
{
	padding-top:30px;
}
.sch_details > div:nth-child(1) > img
{
	width:100%;
}
.sch_details > div:nth-child(2)
{
	font-size:1.3rem;
}
#intro > ul > li > div
{
	width:55%;
	font-size: 1.0rem;
	height:40%;
	top:35%;
}
.padding40
{
	padding:20px !important;
}
.padleft4
{
	padding-left:20px !important;
}
h1
{
}
h2
{
	font-size: 2.46rem !important;
	
}
h3 {
    font-size: 2.32rem !important;
    
}
h4
{
	font-size: 1.68rem !important;
	
}
h5 {
    font-size: 1.14rem !important;
    
}
h6
{
}
p
{
}
span
{
}
.full_width
{
}
}
@media screen and (max-width:998px)
{
	.articlez1 > ul > li
{
	width:40%;
}
.articlez1 > ul > li > div, .articlez3 > ul > li > div
{
	height:80px;
	width:80px;
}
h5 {
    font-size: 1.24rem !important;
    margin: 0.4rem 0 0.356rem 0 !important;
}
h2 {
    font-size: 2.30rem !important ;
    margin: 1.08rem 0 1.04rem 0 !important;
}
/*.mycol1{
	padding:0; 
	transform: skewY(6deg) translateY(-136px);
	transition:all 3s;
}
.mycol2{
	padding:0; 
	transform: skewY(6deg) translateY(-110px); 
	transition:3s;
}
.mycol3{
	padding:0;  
	transform:skewY(6deg) translateY(-84px); 
	transition:3s;
}
.mycol4{
	padding:0; 
	transform: skewY(-15deg) translateY(-104px); 
	transition:all 3s;
}
.mywrap{
	position:absolute;
	top:838px;
}*/

#triangle-down {
	 border-left: 690px solid transparent; 
	 border-right: 597px solid transparent; 
	 border-top: 100px solid #330033;
	  }
}
@media screen and (min-width:1000px)
{
#triangle-right 
{  
	margin-left:103.5%;
}
.sch_details > div:nth-child(2)
{
	font-size:1.12rem !important;
	padding:10px;
}
#intro3
{
    position: absolute;
    width: 100%;
    height: 80vh;
    top: 0px;
    z-index: 0;
	left:0;
	background-size: cover;
    background-position:20% -20% !important;
    background-repeat: no-repeat;
}
.caf{
	width:50% !important;
	margin-top:-84px;
	display:block !important;
}
.mm{
	height:500px !important;
	padding:0 !important;
	
}
.mybrand{
	height: auto;
	left:0% !important;
	top:0px;
}

.mycol1{
	padding:0; 
	transform: skewY(6deg) translateY(20px);
	transition:all 3s;
}
.mycol2{
	padding:0; 
	transform: skewY(6deg) translateY(54px); 
	transition:3s;
}
.mycol3{
	padding:0;  
	transform:skewY(6deg) translateY(87px); 
	transition:3s;
}
.mycol4{
	padding:0; 
	transform: skewY(-15deg) translateY(60px); 
	transition:all 3s;
}
.mywrap{
	position:absolute;
	top:980px;
}
.title1 span:nth-child(1)
{
	width: 60px;
	height: 1px;
	float:left;
	margin-top:35px;
}
#myimg{
	
	position:absolute;
	top:0;
	left:0 !important;
	margin: 0.5%;
	width:20%;
	box-shadow:2px 2px 10px rgba(0,0,0,0.8) ;
}
#myimg2{
	position:absolute;
	left:21% !important;
	top:0;
	margin: 0.5%;
	width:25%;
}
#myimg3{
	position:absolute;
	left:47% !important;
	top:0;
	margin: 0.5%;
	width:25%;
}
#myimg4{
	position:absolute;
	left:73% !important;
	top:0;
	margin: 0.5%;
	width:25%;
	display:block;
}
#myimg5{
	
	position:absolute;
	top:163px;
	left:0 !important;
	margin: 0.5%;
	width:20%;
	display:block;
}
#myimg6{
	
	position:absolute;
	top:221px;
	left:21% !important;
	margin: 0.5%;
	width:25%;
	display:block;
}
#myimg7{
	
	position:absolute;
	top:334px;
	left:47% !important;
	margin: 0.5%;
	width:25%;
	display:block;
}
#myimg8{
	
	position:absolute;
	top:246px;
	left:73% !important;
	margin: 0.5%;
	width:25%;
	display:block;
}
#myimg9{
	
	position:absolute;
	top:339px;
	left:0 !important;
	margin: 0.5%;
	width:20%;
	display:block;
}
.mypad{
	padding:0 40px !important;
	margin-top:0;
}
.margTop120
{
	margin-top:120px !important;
}
.mybrand{
	width: 30%;
	height: auto !important;
	left: 18% !important;
	top: 48px;
	position: absolute;
}
.mygallery{
	position:relative !important;
	min-height:600px !important;
}
/*.myrow{
	margin-top:361px;
}*/
}