@media (min-width : 1025px ) and ( max-width : 1366px ) {
	
  .right {
    display: none!important;
  }
	
 .ndate {
    padding-top: 50px!important;
  }	

  
  .pagetitle {
    margin-top: 120px!important;
  }
}

/* Small Tablets */
@media (min-width : 0px ) and ( max-width : 1024px ) {
	
  body {
     
	 margin: 0px;
	 padding: 0px;
  }

	.bird {
		display: none;

	}	
	
.cloud-abs {
display: none;
}
.newsletter-abs {
	display: none;

}

.video-abs {
	display: none;

	
}	
	
	
	
	
 .gallery {
	 clear: both;
	 display: inline-block;
	 width: 100%;

	 overflow: hidden;
	 font-size: 24px;
}

	#divform {
		
		width: 100%!important;
		height: 1000vw!important;
		
	}
	
	.gallerySTR div {
		
		margin: 0!important;
		
		
	}
	
	.gallerySTR img {
		
		display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
		
	}
	
	
	.thumbnailST {
		
		width: 100%!important;
		
		
	}
	.thumbnailST2 {
		width: 100%!important;
		
	}
	.thumbnailST50 {
		
		width: 100%!important;
	}	
	
	
	.galleryNL {
  clear: both;
  display: block;
	align-content: center;
  width: 100%;
  background-color: #edf2fa;
  padding-bottom: 20px;
  padding-top: 0px;
  margin-top: -7px;

}

.thumbnailNL {
  width: 100%;
  text-align: left;
  display: block;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
}
	
	div.calendar {
		width: 100%!important;
		
	}
	#cohort {
		width: 90%!important;
		margin: 0 auto;
	}
	
	.cohortx {
		width: 100%!important;
		padding-top: 20%;
		margin: 0 auto;
	}
	
	#callist {
		width: 95%!important;
		margin-top: 50px;
	}
	.calendar {
	
		
	}
	
	.calendar .caltitle {
	font-size: 14px!important;
		
	}
	
	
	.buttoncal {
		right: 20px!important;
		
	}

      .calendar .condition{
     
      }	   
      .calendar .date{
     
     
      }
      .calendar .title{

      }	
	
	
	.gallery .thumbnail {
		
		font-size: 24px;
	}
	
	.commonweb { 
		
		width: 300px!important;
		margin-top: 170px;
	
	}	
	
	.commonweb .gallery {
		
		width: 90%!important;
		display: inline-block;
		
	}	
	
	.commonweb {}
	
	.thumbnail2  {
		
		
	}
	
	.thumbnailvid2, .thumbnailvid1 {
		
		display: inline-block!important;
		width: 100%!important;
		
		
	}	
	
		.galleryvid {
			overflow: auto;
			
		padding: 0px!important;
		 width: 100%!important;
	}	
	
	#ntcontainer{
		
		width: 100%!important;
	}
	
	.ntccon {
	width: 90%!important;
	margin-left: auto;
	margin-right: auto;
}
	
	
	#rolelistthumb1 {
	
	padding-top: 50px;
	
	
}
	
	#docum {
		background: #fff!important;
		
		width: 100%!important;
		height: 100vh!important;
		
	}
	
	
	.modal-content, .modal {
background: #fff;
	
}
	
	.modal-content-webinar {
		
		width: 100%!important;
		padding: 0px!important;
		overflow: auto;
	}
	
	#vidname {
		display: none;
	}
	
	#VideoDetails {
		
		margin: 20px;
		
		
	}
	
	#starter-ed {
		
		
		
	}	
	
	.ddclose {
  opacity: 1;
  font-size: 24px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  transition: 1s ease;
  color: #fff!important;
  height: 75px;
  line-height: 75px;
 width: 90%;
  padding: 0;
  border-radius: 4px;
  display: inline-block;
  margin-top: 5px;
		background-color: transparent;
		border: 1px solid #e5dbbe;

}
	
	
  .modal {
    padding-top: 0px!important;
	   z-index: 99999999999999999999!important;
  }

  .modal-content {
	  margin-top: 0px;
    width: 100%!important;
	 
    
  }
	
	.item1, .item2, .item3, .item4, .item5 {
		display: none;
	}	
	


  .right {
    display: none!important;
  }

  .mainheader {
    margin-top: 0px!important;
    top: 0!important;
    float: left;
    z-index: 800!important;
    width: 100%!important;
    height: 70px!important;
  }
	
	.return img {
		
		height: 70px!important;
		width: 70px!important;
	}
	
	.item6 {
		
		position:absolute;
		right: 0px;
		top:0px;
		z-index: 888;
		height: 70px!important;
		width: 70px!important;
		
	}


  .common {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
	  
	  margin-top: 110px;
  }

  .commonnews {
    margin-top: 150px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  #myInputNL {
    display: none;
  }
	

.header {
	width: 100%;
	height: 8%;
	margin-top: 15%!important;
	text-align: center;
}


  .othermenuitems {
    float: left!important;
    margin-top: 0px!important;
    margin-left: 0px!important;
    height: 70px!important;

	
  }
	
	.logo {
		position:absolute;
		left: 0px;
		top:0px;
		height: 70px!important;
		width: 70px!important;
	}	

  .item1 img {
    margin-top: 7px!important;
    width: 60px!important;
    margin-left: 20px!important;
  }

  .item2 img {
    margin-top: 7px!important;
    width: 60px!important;
    margin-left: 70px!important;
  }

  .item3 img {
    margin-top: 7px!important;
    width: 50px!important;
    margin-left: 110px!important;
  }

  .item4 img {
    margin-top: 7px!important;
    width: 50px!important;
    margin-left: 150px!important;
  }

  .item5 img {
    margin-top: 7px!important;
    width: 60px!important;
    margin-left: 180px!important;
  }

  .title {
	  padding-top: 20%!important;
    padding-bottom: 20px;
  }

  .headertitle {
    display: none;
  }

  .pagetitle {
    padding-top: 25%!important;
  }
	
	.datatext_1 {
		border-radius:0px!important;
	}
	
		#loqbottom {
	border-radius:0px; 
	background-color: #2C5967;
		height: 20px!important;
}

  .catnl2 {
    font-size: 18px;
  }

  .coltitle {
    padding-top: 15px!important;
  }

  .dropdown-content {
    border-radius: 0px!important;
    margin-top: 0!important;
  }

  .mctitle {
    font-size: 50px!important;
    text-align: center!important;
    width: 100%!important;
    margin-top: 20px;
	  
	  border-bottom: 1px solid #eee!important;

	  padding-left: 0px;
  }

  #rolesmodalcon, #solutionsetscon, #PopupAddons {
    width: 100%!important;
    overflow: scroll!important;
    height: 100vh;
  }

  #emeasets {
  }
	
	#nasets {
	width: 100%;

}

  #rolesmodalcon .imgrole {
  }

  #rolesmodalcon #myInput {
    width: 79%!important;
    margin-right: 50px;
    margin-left: 50px;
    left: 0px;
    display: none;
  }

  #roleslist .column {
    margin-top: 0px;
    padding-top: 0px;
    text-align: left!important;
  }

  .rolelastitem {
    height: 300px;
  }

  #solutionsetscon #myInputSS {
    width: 85%!important;
    margin-right: 50px;
    margin-left: 50px;
    left: 0px;
    display: none;
  }

  .imgrole {
    margin-left: 20px;
    height: 28px!important;
    line-height: 28px!important;
    font-size: 24px!important;
  }

  #insertrole, #insertSS, #countmodselected {
    font-size: 20px!important;
  }

  .tcontitle {
    font-size: 22px;
    font-weight: bold;
	vertical-align: top;
  }


.tcontitle .title {
    vertical-align: top;	
	width: 100%!important;
	height: 30px;
}	
	
	.cir {
		display: none;
	}	
	
	
	
	
  .tdesc, .vidicon, .xlsicon, .docicon, .seriesicon {
    font-size: 20px;
  }
	
	.desc {
		
	}

  .vidicon {
    font-size: 20px;
    background-position: 0px 4px;
    background-size: 25px 25px;
    padding-left: 30px;
    color: #333;
    height: 35px;
    line-height: 35px;
  }

  .oicon {
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .titemv2 {
    margin-bottom: 40px;
  }

  .completebox {
    width: 100%;
  }

  .theader {
    height: 70px;
    background-image: none!important;
  }

  .divptitle2 {
    font-size: 30px;
    line-height: 70px;
    height: 70px;
  }

  .tbbutton {
    display: inline-block!important;
	  margin: 10px!important;
	  font-size: 12px!important;

  }

  #tbbuttonto {
    margin-top: 0px;
  }

  #myInput, #myInputSS, .colmodadjust {
    width: 90%!important;
    display: none;
  }


  .titem {
    margin-bottom: 0px;
  }
	
.thumbnail3 {

	
}


  .otagpp {
    font-size: 20px;
  }

  #PopupAddons label {
    font-size: 24px!important;
    margin-top: 20px;
  }

  #solutionsetscon .gallery {
    background: transparent!important;
  }

  #solutionsetscon .thumbnail {
    padding-left: 10px!important;
    width: 90%!important;
  }

  #PopupAddons .thumbnail {
    width: 100%!important;
    margin-top: 0px!important;
    font-size: 18px!important;
    padding-top: 0px!important;
  }

  .ddbutton {
    font-size: 16px;
    width: 100px!important;
    height: 50px;
    line-height: 50px;
  }
	
	#showCT, #showPT {
		
		 font-size: 12px!important;
	}
	
  .actbutn {
    width: 92%!important;
    display: inline-block!important;
    height: 50px;
    line-height: 50px;
  }	
	
	

  #PopupAddons ddbutton {
    width: 100%!important;
    display: block;
  }

  #PopupAddons {
  }

  .addoncanprod {
    margin: 0 auto!important;
    text-align: center!important;
  }

  .action {
    font-size: 16px!important;
  }

  .actiontitle {
    font-size: 18px!important;
 
	  font-weight: 600;
  }
	





  #solutionsetscon .otag {
    padding-left: 30px!important;
    height: 25px!important;
    line-height: 25px!important;
    margin-top: 0px!important;
    width: 300px;
  }

  .mc-bg {
    border-radius: 0px!important;
    width: 100%!important;
  }

  .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .container2_A {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
	
	
	
.container2_ST {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	
	margin-top: 150px;
  }

	

  .thumbnail2 {
    width: 100%;
  }

  .text_column {
    width: 100%;
    text-align: left;
    padding: 0;
  }

  .thumbnail {
    width: 100%;
	 
	  
  }

  .column {
    width: 100%;
    margin-top: 0px;
  }

  .text_column {
    padding-left: 20px;
    padding-right: 20px;
    width: 90%;
  }

  .column {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .intro .column p {
    width: 90%;
    text-align: center;
    padding-left: 0px;
  }

  .maingal {
    width: 210px!important;
    display: block;
  }

  #bgvid {
    display: none;
  }
	

	
/* COURSE TIMELINE */

  .divct {
    width: 100%!important;
  }


  .top {
    width: 100%!important;
    display: none!important;
  }

  .videodiv {
    width: 100%!important;
    height: auto!important;
   
  } .docudiv {
    width: 100%!important;
    height: auto!important;
  
  }

  #BTTBR, #BReset, #BTT {
    display: none;
  }

  #BTTBR {
    display: none;
  }

  #DivMan, #DivManPJ {
    text-align: left;
    width: 90%!important;
  }

  #DivJS, #DivJSPJ {
    text-align: left;
    width: 90%!important;
  }

  #DivAC, #DivACPJ {
    text-align: left;
    width: 90%!important;
  }

  #DivAC2, #DivAC2PJ {
    text-align: left;
    width: 90%!important;
  }
} /* End */