@media only screen and (max-width: 1024px) {
	/*****Slide******/
	.slidecol1{
		float: left;
		width: 30%;
		min-height: 130px;
	}
	.slidecol2{
		float: left;
		width: 70%;
		min-height: 130px;
	}
	.slidecolicon{
		border:2px solid #fdcf76;
		text-align: center;
		padding: 20px 0px;
		border-radius: 50%;
		height: 55px;
		width: 55px;
		line-height:55px;
		color: #fdcf76;
		font-size: 18px;
	}
	
	/*Header Part*/
	
	.collicon{
		font-size: 20px;
		float: left;
		padding: 8px 8px;
		color: #fdcf76;
	}
	.collicon1{
		float: left;
		padding: 8px 0px;
	}
	
	.coursegridcol{
		float: left;
		width: 40%;
	}

	.coursegridcol1{
		float: left;
		width: 60%;
		text-align: right;
	}
	.coursesgriddetails h3{
		padding: 10px;
	}
	.coursesgriddetails ul.coursesgd li {
		padding-left: 37px;
	}
	.coursesgriddetails ul.coursesgd li i{
		    left: 10px;
	}
	.coursesgriddetails p{
		padding: 10px;
	}
	/*---------VAMA Awards & Orations----------*/
	.hero-text-container{
		margin:30px 0px;
		background-image: url(../images/VAMAandobg.png);
		background-position: 88% 37%;
		background-size: 900px;
	}
	.hero-brush-box-inner h3{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 20px;
		color: #000;
		font-size: 26px;
		line-height: 30px;
		font-weight: 600;
	}
	.bottom-left {
	  position: absolute;
	  bottom: 20px;
	  left: 16px;
		font-size:16px;
		color: #fff;
		font-weight: 600;
		padding: 6px;
	}
	
	/*VAMAphotogallery*/
	.VAMAphotogallery{
		padding: 40px 0px;
		background-image: url(../images/VAMAaobg.jpg);
		background-size: cover;
		margin-bottom: 30px;
	}


	.hero-text-containersub{
		margin:10px 0px;
		background-image: url(../images/VAMAandobg.png);
		background-position: 88% 37%;
		background-size: 1100px;
	}

	.hero-brush-box-outersub {
		padding: 16px 16px 16px 0px;
		background-color: transparent;
	}
	.hero-brush-box-innersub{
		display: block;
		padding: 20px 20px 20px 20px;    
		background-color: #000000;	
	}
	.hero-brush-box-innersub h4{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 4px;
		color: #ffffff;
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
	.hero-brush-box-innersub p{
		width: 100%;
		font-size: 13px;
		color: #ffffff;
	}

	.imggreysub{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
		margin-bottom: 20px;

	}
	
	/*Crousal Navigation*/
	
	.carousel-control.left {
		left:84%;
		background-image:  linear-gradient(to right,transparent 0,transparent 100%)
	}

	.carousel-control.right {
		right: 2%;
		background-image:  linear-gradient(to right,transparent 0,transparent 100%)

	}
	
	.carouselcontrolleft {
		left:72% !important;
		background-image:  linear-gradient(to right,transparent 0,transparent 100%)
	}
	.carouselcontrolright{
		right: 8% !important;
	}

}
@media only screen and (max-width: 768px) {
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent;
	}
	.pageheader h2 {
		color: #ffffff;
		font-size: 30px;
		font-weight: 600;
		letter-spacing: 3px;
	}
	/*VAMAphotogallery*/
	.VAMAphotogallery{
		padding: 40px 0px;
		background-image: url(../images/VAMAaobg.jpg);
		background-size: contain;
		margin-bottom: 30px;
	}


	.hero-text-containersub{
		margin:40px 0px;
		background-image: url(../images/VAMAandobg.png);
		background-position: 88% 37%;
		background-size: 1100px;
	}

	.hero-brush-box-outersub {
		padding: 16px 16px 16px 0px;
		background-color: transparent;
	}
	.hero-brush-box-innersub{
		display: block;
		padding: 20px 20px 20px 20px;    
		background-color: #000000;	
	}
	.hero-brush-box-innersub h4{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 4px;
		color: #ffffff;
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
	.hero-brush-box-innersub p{
		width: 100%;
		font-size: 13px;
		color: #ffffff;
	}

	.imggreysub{
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
		margin-bottom: 20px;

	}
	
	/*---------VAMA Awards & Orations----------*/
	.VAMAano{
		padding: 30px 0px;
		background-image: url(../images/VAMAaobg.jpg);
		background-size: contain;
	}
	.hero-text-container{
		margin:20px 0px;
		background-image: url(../images/VAMAandobg.png);
		background-position: 88% 37%;
		background-size: 900px;
	}
	.hero-brush-box-inner h3{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 10px;
		color: #000;
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
	.hero-brush-box-inner h3 br{
		display: none;
	}
	.bottom-left {
	  position: absolute;
	  bottom: 16px;
	  left: 16px;
		font-size:16px;
		color: #fff;
		font-weight: 600;
		padding: 6px;
	}
	/*Header Part*/
	.collicon{
		font-size: 16px;
		float: left;
		padding: 16px 6px;
		color: #444444;
		display: none;
	}
	.collicon1{
		float: left;
		padding: 16px 0px;
	}
	
	.brand-logo{
		margin: auto;
		text-align: center;
	}
	.navbar-header{
		float: none;
	}
	
	.second-button{
		background: transparent !important;
		background-color: transparent !important;
		border:1px solid transparent !important;
	}
	.second-button, .second-button:hover, .second-button:active, .second-button:focus{
		display: inline-block;
		float: right;
		border:1px solid transparent !important;
		background: transparent !important;
		margin-top: 10px;
		margin-right: 10px;   
		margin-bottom: 16px;
		background-color: transparent !important;
	}
	
	.organizecom {
		text-align: center;
		margin-top: 10px;
		background-color: #f2f2f2;
		margin-bottom: 30px;
		border: 1px solid #ccc;
		min-height: 300px;
	}
	.organizecom h3{
		 padding: 3px 3px;
		font-size: 11px;
		margin: 0;
		color: #222;
	}
	.organizecom h4{
		margin: 0;
		font-size: 12px;
		font-weight: 600;
		line-height: 16px;
		color: #222;
		padding: 3px 3px;
	}
	/*navbar*/
	/* Icon 1 */

	.animated-icon1, .animated-icon2, .animated-icon3 {
	width: 30px;
	height: 20px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	}

	.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	}

	.animated-icon1 span {
	background: #e65100;
	}

	.animated-icon2 span {
	background: #fdcf76;
	}

	.animated-icon3 span {
	background: #f3e5f5;
	}

	.animated-icon1 span:nth-child(1) {
	top: 0px;
	}

	.animated-icon1 span:nth-child(2) {
	top: 10px;
	}

	.animated-icon1 span:nth-child(3) {
	top: 20px;
	}

	.animated-icon1.open span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	}

	.animated-icon1.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
	}

	.animated-icon1.open span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	}

	/* Icon 3*/

	.animated-icon2 span:nth-child(1) {
	top: 0px;
	}

	.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
	top: 10px;
	}

	.animated-icon2 span:nth-child(4) {
	top: 20px;
	}

	.animated-icon2.open span:nth-child(1) {
	top: 11px;
	width: 0%;
	left: 50%;
	}

	.animated-icon2.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}

	.animated-icon2.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
		border:1px solid transparent !important;
	}

	.animated-icon2.open span:nth-child(4) {
	top: 11px;
	width: 0%;
	left: 50%;
	}

	/* Icon 4 */

	.animated-icon3 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	}

	.animated-icon3 span:nth-child(2) {
	top: 10px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	}

	.animated-icon3 span:nth-child(3) {
	top: 20px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	}

	.animated-icon3.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
	left: 8px;
	}

	.animated-icon3.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
	}

	.animated-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 21px;
	left: 8px;
	}
 	.navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
	
	/*------Courses-------*/
	.icoursescol1{
		width: 50%;
		float: left;
	}
	.icoursescol2{
		width: 50%;
		float: left;
	}
	
	.coursesheader{
		font-size: 10px;
		font-weight: 600;
		padding:6px;
		letter-spacing: 3px;
		text-transform: uppercase;
		color: #000000;
		margin: 10px 10px 0px;
	}
	.coursesheaderright{
		font-size: 10px;
		font-weight: 600;
		padding: 6px;
		letter-spacing: 3px;
		text-transform: uppercase;
		color: #000000;
		margin: 10px 10px 0px;
		background: #fdcf76;   
	}
	.coursesheadermain{
		font-size: 16px;
		font-weight: 400;
		padding:  10px 10px 0px;
		text-transform: uppercase;
		color: #ffffff;
		margin: 0;
	}
	.coursesdate{
		font-size: 13px;
		font-style: italic;
		padding: 2px 10px ;
		text-transform: none;
		color: #999999;
		margin: 0;
	}
	.coursecontent{
		font-size: 13px;
		padding:16px  10px ;
		text-transform: none;
		color: #ffffff;
		margin: 0;
	}
	
	/*****Slide******/
	.mainbanner{
		padding: 46px 0px;
	}
	.welcometxtm{
		font-size: 20px;
	}
	.slidecol1{
		float: left;
		width: 23%;
		min-height: 110px;
	}
	.slidecol2{
		float: left;
		width: 77%;
		min-height: 110px;
	}
	.slidecolicon{
		border:2px solid  #fdcf76;
		text-align: center;
		padding: 20px 0px;
		border-radius: 50%;
		height: 55px;
		width: 55px;
		line-height:55px;
		color: #fdcf76;
		font-size: 18px;
	}
	.nopaddingleft {
		padding-left: 15px;
	}
	.nopaddingright {
		padding-right: 15px;
	}
	
	.carouselcontrolleft {
		left:86% !important;
		background-image:  linear-gradient(to right,transparent 0,transparent 100%)
	}
	.carouselcontrolright{
		right: 2% !important;
	}
}

@media only screen and (max-width: 640px) {
	.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
		display: block;
    	width: 100%;
	}
	.btnVAMAtheme{
		padding: 8px;
	}
	.coursesgriddetails{
		min-height: auto;
	}
	.coursegridcol {
		float: left;
		width: 45%;
		text-align: right;
	}
	.coursesgriddetails p{
		text-align: left;
	}
	.coursegridcol1 {
		float: left;
		width: 55%;
		text-align: right;
	}
	.coursename{
      font-size: 16px;   
		min-height: 40px;
	}
	.btnVAMAcours{
	     font-size: 10px;
		padding: 8px 12px;
	}
	.coursesidebar{
		padding: 10px 10px;
	}
	.btnVAMAthemecourses{
		background: transparent;
		padding: 8px 12px; 
		text-align: center;
		width: 100%;
		color: #fdcf76;    line-height: 40px;
		font-size: 10px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 3px;
		border:1px solid #fdcf76;
		transition: 0.6s;
	}
	.btnVAMAthemecourses:hover,.btnVAMAthemecourses:active,.btnVAMAthemecourses:focus{
		background: rgba(0,0,0,0) radial-gradient(circle,#fdcf76,#fdcf76) repeat scroll 0 0;
		text-decoration: none;
		color: #000000;
	}
	.pageheader h2 {
		color: #ffffff;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 3px;
	}
	/*OWL Crousal*/
	.owl-dots{
		display: none;
	}
	.owl-nav{
		margin-top: 0px !important;
	}
	.owl-carousel .owl-nav button.owl-prev{
		padding: 0px 12px !important;
		border-radius: 0px;
		font-size: 23px;
		color: #fdcf76;
		background: transparent;
		border: 1px solid #fdcf76;
		position: absolute;
		right:0;
		bottom: 1%;
		transition: 0.6s;
	}
	.owl-carousel .owl-nav button.owl-next{
		padding: 0px 12px !important;
		border-radius: 0px;
		font-size: 23px;
	   color: #fdcf76;
		background: transparent;
		border: 1px solid #fdcf76;
		position: absolute;
		right: 14%; 
		bottom: 1%; 
		transition: 0.6s;
	}
	.owl-theme .owl-nav [class*=owl-]:hover {
		background: #fdcf76;
		color: #FFF;
		text-decoration: none;
	}
	
	/*---------VAMA Awards & Orations----------*/
	.VAMAano{
		padding: 30px 0px;
		background-image: url(../images/VAMAaobg.jpg);
		background-size: contain;
	}
	.hero-text-container{
		margin:10px 0px;
		background-image: url(../images/VAMAandobg.png);
		background-position: 88% 37%;
		background-size: 700px;
	}
	.hero-brush-box-inner h3{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 10px;
		color: #000;
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
	.bottom-left {
	  position: absolute;
	  bottom: 16px;
	  left: 16px;
		font-size:16px;
		color: #fff;
		font-weight: 600;
		padding: 6px;
	}
	.nopaddingleft {
		padding-left: 15px;
	}
	.nopaddingright {
		padding-right: 15px;
	}
	/*****Slide******/
	.mainbanner{
		padding: 20px 0px;
	}
	.welcometxtm{
		font-size: 18px;
	}
	.slidecol1{
		float: left;
		width: 23%;
		min-height: 130px;
	}
	.slidecol2{
		float: left;
		width: 77%;
		min-height:130px;
	}
	.slidecolicon{
		border:2px solid  #fdcf76;
		text-align: center;
		padding: 20px 0px;
		border-radius: 50%;
		height: 60px;
		width: 60px;
		line-height:60px;
		color: #fdcf76;
		font-size: 20px;
	}
	/*------Events------*/
	.upcoming-events{
		
		padding: 40px 0px;
	}
	.upcoming-events h3{
		font-size: 30px;
		font-weight: 600;
		margin: 0;
	}
	.upcoming-events p{
		padding:10px 0px ;
		font-size: 13px;
	}
	/*------Courses-------*/
	.icoursescol1{
		width: 100%;
		float: left;
	}
	.icoursescol2{
		width: 100%;
		float: left;
	}
	.VAMAexcgrid{
		text-align: center;
	}
	.VAMAexcgrid img{
		margin: auto;
	}
	
	/*Crousal Navigation*/
	
	.carousel-control.left {
		left:72%;
		background-image:  linear-gradient(to right,transparent 0,transparent 100%)
	}

	.carousel-control.right {
		right: 8%;
		background-image:  linear-gradient(to right,transparent 0,transparent 100%)

			
	}
	#hero-carousel i {
	  position: absolute;
	  bottom: 5%;    
	  left: 0;
	}
	
	.carouselcontrolleft {
		left:72% !important;
		background-image:  linear-gradient(to right,transparent 0,transparent 100%)
	}
	.carouselcontrolright{
		right: 8% !important;
	}
}