@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: 100%;

    top: 0px;

    z-index: 0;

	left:0;

	background-size: cover;

    background-position:20% -20% !important;

    background-repeat: no-repeat;
	
	margin-top:-60px;
}

.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: 3px;
float: left;
margin-top: 35px;
margin-left: 60px;
}

#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;

}*/

}