/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
    /*body{ background-color: Red; }*/
	.pagewrap{
		width:100%;
	}
}


/************************************************************************************

smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px), (max-device-width: 768px), (max-width: 1024px) {
    /*body{ background-color: #336699; }*/
	.pagewrap{
		width:92%;
	}
	
	.pagewrapIphone{
		width:100%;
	}
	
	#first_step {
       width: 95%;	  
	}
	.box .dropzone {
	  width: 100%;
	}
	.header-group .logo-area .pagewrap .top-nav{
		margin-top:0;
	}
	
	.header-group .navigation .pagewrap ul li{
		border:none; padding:0px 10px; border-left: 1px solid #BB6513; border-right: 1px solid #F19D42;
	}
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu .graybg{
		width: 600px !important;
	}
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu {
		left: -295px !important;
	}
	
	.header-group .login-area .sign-in ul li.inputBg input {
      width: 75px;
    }
    
    .flexslider .slides img {
      width: 634px !important;
    }

	.pagewrap .main-section .blue-box .padding h1 br{
		display:none;
	}
	.pagewrap .main-section .blue-box .padding p{
		margin:5px 0;
	}
	#img-dis .box
	{
	 width: 31.4%; 
	 margin :17px 1.1em 0 0; 
	}
	#img-dis .box.margin-clear
	{
	  margin-right :0px; 
	}
	.footer-box.newletter{
		margin-left:-146px;
		position: relative;
   		right: -20px;
	}
	
	.footer-box{
	 min-height:100px;
	}
	.footer-box.newletter li span {
      float: right;
      width: 205px;
    }
    .footer-box .inputBg .input {
      width: 58%;
    }

	.pagewrap .clearfix .box .gray-box li a h3{
		font-size:1.2em;
	}
	
	.figcaption1 div p { display: none; }
	
	/************* Resource page *************/
	.r-viewDetailsBox .r-img {
	  width: 23%;
	}
	.r-viewDetailsBox .r-content {
	  width: 76%;
	}
	.r-details-left {
	  float: left;
	  width: 48% !important;
	}
	.r-details-right {
	  float: left;
	  width: 29%;
	}
	/************* Seminar Search *************/

	.filter-seminar li h4 {
    font-size: 0.81em;
	}
	
	.rightContainer .grid-colum li .details {
	  width: 40.8%;
	}
	
	.rightContainer .grid-colum li .date {
	  width: 22.31%;
	}
	
	.rightContainer .grid-colum li .btns {
	   width: 11.6%;
	}
	
	.leftContainer {
	  width: 34.5%;
	}
	.rightContainer {
	  width: 60.08%;
	}
	
	.rightContainer .grid-colum li .details {
	  width: 38.8%;
	}
	/*************  Management Page *************/
	.information .imgD{
		width:auto;
	}
	div.PBViewing{
		/*width:100% !important;*/
		}
	.homePageSeminarBlogBlock div.PBViewing {
	  width: 100%;
	}
	.box.filter-seminar{
		margin-right:0;
	}
	
	.instructors .insImg {
	  width: 14%;
	}
	.instructors .insImg-d {
	  width: 80%;
	}
	.step4 .forminputs input[type="text"]{
	  width: 6.6em;	
	}
	.step3 .forminputs .selectW1 {
	  width: 32.6em;
	}

}
@media screen and (max-width: 1024px), (max-device-width: 1024px) {
    /*body{ background-color: Red; }*/
	.pagewrap .main-section .blue-box .padding{
		min-height: 246px;
	}
.leftContainer.seminar-detail-right.big-right-pannel .filter-seminar li.testi-btn ul li {
		width:245px;
	}
	.leftContainer.seminar-detail-right .filter-seminar li.testi-btn ul li {
		width:213px;
	}
	.footer-box.newletter {
	  margin-left: -171px;
	  position: relative;
	  right: 35px;
	}
	.leftContainer {
	  width: 25.5%;
	}
	.rightContainer {
	  width: 69.08%;
	}
	.filter-seminar li h4 {
	  font-size: 14px;
	}
	.r-viewDetailsBox .r-img {
	  float: left;
	  margin: 5px 0 0;
	  width: 15%;
	}
	.r-viewDetailsBox .r-content {
	  float: right;
	  min-height: 55px;
	  width: 83%;
	}
	.r-details-left {
	  float: left;
	  width: 53% !important;
	  padding: 0 25px 0 0;
	}
	.homePageSeminarBlogBlock div.PBViewing {
	  width: 277px !important;
	}
	
	.blogSumit div.PBViewing {
	  width: 234px !important;
	}
	.pagewrap .clearfix .box .gray-box .whiteBox p {
	 width: 72%;
	}
	.figcaption1 div p {
	  display: block;
	}
	.r-details-right {
	  float: right;
	  width: 22%;
	}
	.filter-seminar li h4 {
	  font-size: 14px;
	}
	.instructors .insImg {
	  width: 10%;
	}
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu .graybg {
      width: 800px !important;
    }
	iframe#iframeMembership {
	  background-color: #FFFFFF !important;
	  height: 592px !important;
	}
	.leftContainer.seminar-detail-right #dig .filter-seminar ul li.testi-btn h4 { font-size: 1em; }
	.graybtn { padding: 0 10px; }
	.pagewrap .clearfix .box ul.leftCon a {
	  width: 65%;
	}
	.membership-lb {
	  border: 0 solid red;
	  left: 50%;
	  padding: 5px;
	  position: fixed;
	  top: 52%;
	  width: 694px;
	  z-index: 1000;
	}
	.leftContainer.seminar-detail-right #dig ul li ul li.PBItem div.content h4.blueBg span {
	  color: #000000;
	  font-size: 1.2em;
	  font-weight: bold;
	}
	iframe#iframeContactUs {
	  background-color: #FFFFFF !important;
	  height: 466px !important;
	}
	#img-dis .box {
	  margin: 17px 1.5em 0 0;
	}
	.leftContainer.seminar-detail-right #dig .filter-seminar ul li.testi-btn ul li em span {
	  padding: 0 5px 0 0;
	}
	.filter-seminar .testi-btn span {
	  font-size: 12px;
	  line-height: 20px;
	  padding-right: 5px;
	}
}


/* hide for all sizes above 768px */
@media screen and (min-width: 769px), (min-device-width: 769px) {
    .header-group .navigation .pagewrap ul li a.closeMenu {display:none !important;}
}
@media screen and (max-width: 768px), (max-device-width: 768px) 
{
    /* Navigation fix */
    #nav > ul {position:relative}
    .navigation .pagewrap > ul > li > a:first-child {
        pointer-events: none !important;
    }
    a.closeMenu:before {
        content: "x";
        font-size: 18px;
        position: relative;
        font-weight: 300 !important;
        opacity: .8;
        width: 100%;
        text-align: center;
        display: block;
        height: 24px;
        line-height: 1;
        padding-top: 6px;
        box-sizing: border-box;
    }
    a.closeMenu {
        width:36px;
        height:36px;
        color:#fff;
        position:absolute;
        border-color:white;
        border:1px solid rgba(255,255,255,.5);
        top:0;
        right:0;
        z-index:2000;
        display:none;
        box-sizing: border-box;
    }
    .navigation .pagewrap > ul > li > a.clicked ~ a.closeMenu {
        display:block;
    }
    .header-group .navigation .pagewrap ul li {
      border-bottom: 1px solid #c06b0e;
      float: none;
      margin: 0 4px;
      padding: 0;
      width: auto;
    }
    /* menu start */
	.header-group .navigation .pagewrap ul li .sub-menu {
        width:100% !important;
    }
    .header-group .navigation .pagewrap ul li.listDrop0 .sub-menu {
      left: 0px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop1 .sub-menu {
      left: 0px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop2 .sub-menu {
      left: 0px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop3 .sub-menu {
      left: 0px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu {
      left: 0px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu {
      left: 0px !important;
    }
    .header-group .navigation .pagewrap ul li .sub-menu .graybg {
        box-sizing: border-box;
    }
    .header-group .navigation .pagewrap ul li .sub-menu .graybg ul {
        height:auto !important;
    }
    .header-group .navigation .pagewrap ul li.listDrop0 .sub-menu .graybg {
      width: 100% !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop1 .sub-menu .graybg {
      width: 100% !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop2 .sub-menu .graybg {
      width: 100% !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop3 .sub-menu .graybg {
      width: 100% !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu .graybg {
      width: 100% !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu .graybg {
      width: 100% !important;
    }
	/* menu end */
    
    /*body{ background-color: #336699; }*/
	.box {
		width:48%;
	}
	.box.margin-clear-all{
		margin-right:0;
	}
	.box.margin-clear{
		float:left; width:100%;
		
	}
	.pagewrap .image-slider{
		float:none; width:100%; margin-bottom:15px;
	}
	.pagewrap .main-section .blue-box{
		float:none; width:auto; min-height:inherit;
	}
	
    .leftContainer.seminar-detail-right.big-right-pannel .filter-seminar li.testi-btn ul li{
		width:175px;
	}
	/*.leftContainer.seminar-detail-right .filter-seminar li.testi-btn ul li {
		width:150px;
	}*/
	
	#first_step {
		width:inherit;
	}
	
	.leftContainer h4.blueBg {
		padding:5px 10px;
	}
	
	.pagewrap .main-section .blue-box .padding{
		min-height:inherit;
	}
	.information {
		position:relative; width:auto; top:24px;
		}
	.consulting .mng-box {
		width:22%;
	}
	
	.footer-box{
		margin-right:5px;
	}
	.membership-lb{ margin-left:46%;}
	.footer-box.newletter {
	  margin-left: -146px;
	  position: relative;
	  right: -20px;
	}
	
	.pagewrapIphone .rightContainer {
	  width: 60.08%;
	}
	.pagewrapIphone .leftContainer {
	  width: 34.5%;
	}
	.instructors .insImg {
	  width: 15%;
	}
	.pagewrap .clearfix .box ul.leftCon a {
	  width: 65%;
	}
	
	.figcaption1 div p {
	  display: none;
	}
	iframe#iframeContactUs {
	  background-color: #FFFFFF !important;
	  height: 466px !important;
	}
	#img-dis .box {
	  margin: 17px 1.1em 0 0;
	}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
    
	#first_step {
       width: 95% !important;	  
	}
	
	.header-group .logo-area{
		padding:0 0 15px 0; height:auto
	}
	.header-group .logo-area .pagewrap .logo {
	  float: left;
	}
	.header-group .logo-area .pagewrap .top-nav {
	  float: left;
	  width: 56%;
	  padding: 9px 0 0;
	}
	.header-group .login-area .top-content {
	  display: none;
	}
	.global-footer {
		display:none;
	}
	#img-dis .box{
	margin:17px 0.95em 0 0; 
	}
	#img-dis .box.margin-clear {
		margin-right:0;
	}
	
	.header-group .navigation .pagewrap ul li {
		padding:0px 5px;
	}
	
	.pagewrap .clearfix .box .gray-box li {
	  width: auto !important;
	}
	/************* menu start *************/
	
/*
	.header-group .navigation .pagewrap ul li.listDrop0 .sub-menu .graybg {
      width: 400px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop1 .sub-menu .graybg {
      width: 400px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop2 .sub-menu .graybg {
      width: 400px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop3 .sub-menu .graybg {
      width: 400px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu .graybg {
      width: 400px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu .graybg {
      width: 400px !important;
    }
*/
	/*.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu {
	  left: -190px !important;
	}
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu {
	  left: -325px !important;
	}*/
	
	/************* Resource page *************/
	.r-details-right .seminar-detail-right ul.sem-blog {
	  float: left;
	  width: 97%;
	}
	
	.r-details-right .seminar-detail-right ul.sem-blog li {
	  width: 98%;
	}
	
	.dropzone {
	  margin: 0px;
	}
	
	
	/************* Seminar Search *************/

	.leftContainer {
		float:none; width:100%;
	}
	.rightContainer {
		float:none; width:100%; margin-top:10px;
	}
	.has-js .pagewrap .clearfix .leftContainer .box {
		margin-bottom:10px;
	}
	
	.leftContainer {
	  width: 41%;
	}
	
	/*.rightContainer .grid-colum li .details {
	  float: left;
	  padding: 0 10px 0 0;
	  width: 46.8%;
	}
	.rightContainer .grid-colum li .date {
	  float: left;
	  width: 20.31%;
	}
	
	.rightContainer .grid-colum li .instructor {
	  float: left;
	  width: 20.31%;
	}*/
	/************* Management Page *************/
	.seminar-detail-left.main-wcontent {
		width:100%;
	}
	
	.leftContainer.seminar-detail-right.big-right-pannel .filter-seminar li.testi-btn ul li, .leftContainer.seminar-detail-right .filter-seminar li.testi-btn ul li {
		/*width:575px;*/
	}
	.leftContainer h4.blueBg{
		margin-top:15px;
	}
	.header-group .navigation .pagewrap ul li .sub-menu .graybg ul{
		height:auto !important;
	}
	.header-group .navigation .pagewrap ul li .sub-menu .graybg ul li{
		widows:100%;
	}
	.selectM{
		margin-left:0;
	}
	.formBg{
	background:none; 
	}
	
	
	.step4 .forminputs select {
		width:19em;
	}
	
	.step4 .forminputs input[type="text"] {
		width:18.6em;
	}
	.forminputs .orange{
		margin-left:0;
	}
	.forminputs .sbR{ 
		margin-left:0;
	}
	.r-details {
		width:30%;
	}
	.r-details-left {
		float:left; width:66%;
	}
	.r-details-right {
		float:left; width:100%;
	}
	.address {
		float:none;
	}
	.footer-box.newletter{
		margin-left:auto;
		}

	.information .imgD {
		background:#fff; width:96%; margin-top:-3px; margin-bottom:32px;
	}
	/*.header-group .logo-area .pagewrap .logo {
		float:none;
	}*/
	.r-viewDetailsBox .r-img {
		width:17%;
	}
	.r-viewDetailsBox .r-content {
		float:left; width: 83%;
	}
	.header-group .logo-area{
		padding:0 0 15px 0; height:auto
	}
	/*.header-group .logo-area .pagewrap .top-nav {
		width:100%; float:none; height:auto; padding:0;
	}*/
	.dropzone{
		float:none;
	}
	.pagewrap .clearfix .box .gray-box li{
		width:75px;
	}
	.consulting .mng-box {
		width:100%; float:none; border-bottom:1px solid #B7B7B7;
	}
	.rightContainer .grid-colum li {
	  float: left;
	}
	/*.rightContainer .grid-colum li{
		float:none;
	}
	.rightContainer .grid-colum li .details{
		float:none; width:auto;
	}
	.rightContainer .grid-colum li .date {
		width:100%;
	}
	.rightContainer .grid-colum li .instructor {
		width:100%;
	}
	.rightContainer .grid-colum li .btns {
		float:none;
	}*/
	
	.rightContainer .grid-colum li .details {
	  width: 42.8%;
	}
	.rightContainer .grid-colum li .btns {
		float:left; width: 10.6%;
	}
	.rightContainer .grid-colum li .btns a.button{
		width:auto;
	}
	.seminar-detail-right .filter-seminar ul li ul{
		/*width:auto;*/ padding-right:17px;
	}
	.testiPad{
		padding:0 5px;
	}
	.leftContainer.seminar-detail-right #dig .filter-seminar ul li.testi-btn h4, .leftContainer.seminar-detail-right #dig ul li ul li.PBItem div.content h4.blueBg{ font-size:inherit;}
	.leftContainer.seminar-detail-right .filter-seminar ul li.PBItem {
		width:auto;
	}
	.leftContainer.seminar-detail-right #dig ul li ul li.PBItem div.content h4.blueBg {
	  width: 88%;
	}
	.leftContainer.seminar-detail-right #dig ul li ul li.PBItem div.content {
		width:auto;
	}
	.leftContainer.seminar-detail-right #dig .filter-seminar ul{
		width:auto;
	}
	.leftContainer.seminar-detail-right #dig .filter-seminar ul li.testi-btn ul li{
		width:264px;
	}
	
	.pagewrapIphone .rightContainer {
	  float: left;
	  margin-top: 10px;
	  width: 58.08%;
	}
	.pagewrapIphone .leftContainer {
	  float: left;
	}
	.clientBlock .left {
	  margin: 0px;
	  width: 100%;
	}
	.clientBlock .mid {
	  margin: 0px;
	  width: 100%;
	}
	.clientBlock .right {
	  margin: 0px;
	  width: 100%;
	}
	.instructors .insImg {
	  width: 11%;
	}
	.instructors .insImg-d {
	  width: 85%;
	}
	.seminar-detail-left.main-wcontent {
	  width: 55%; float: left;
	}
	.leftContainer {
	  float: right;
	}
	/* for contact us */
	.step4 .forminputs input[type="text"] {
	  width: 9.6em;
	}
	.problemSolve .insImg-d {
	  width: 73%;
	}
	.pagewrapIphone .rightContainer {
	  width: 53.08%;
	}
	.pagewrapIphone .leftContainer {
	  width: 40.5%;
	  float: right;
	}
}

/************************************************************************************
for  560
*************************************************************************************/
@media screen and (max-width: 560px) {
	#first_step {
	  width: 93% !important;
	}
	.header-group .navigation .pagewrap ul li {
		width:auto; border-bottom:1px solid #c06b0e; padding:0; margin:0 4px; float: none;
	}
	
	.header-group .navigation .pagewrap ul li{
		border-left: 0px solid #BB6513; border-right: 0px solid #F19D42;
	}
	/* Navigation Fix */
	.header-group .navigation .pagewrap ul li {position:relative}
	
	/* menu start */
/*
	.header-group .navigation .pagewrap ul li.listDrop0 .sub-menu {
      left: 0px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop1 .sub-menu {
      left: 0px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop2 .sub-menu {
      left: 0px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop3 .sub-menu {
      left: 0px !important;
      right:auto !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu {
      left: 0px !important;
      right:auto !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu {
      left: 0px !important;right:auto !important;
    }
    .header-group .navigation .pagewrap ul li.listDrop0 .sub-menu .graybg {
      width: 407px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop1 .sub-menu .graybg {
      width: 407px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop2 .sub-menu .graybg {
      width: 407px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop3 .sub-menu .graybg {
      width: 407px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu .graybg {
      width: 407px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu .graybg {
      width: 407px !important;
    }
*/
	/* menu end */
	.box{ width: 100% }
	#img-dis .box {
	  margin: 17px 0.75em 0 0;
	}
	.header-group .logo-area .pagewrap .top-nav {
	  width: 49%;
	}
	/************* Resource page *************/
	.r-viewDetailsBox .r-img {
	  width: 20%;
	}
	.r-viewDetailsBox .r-content {
	  float: left;
	}
	/************* Seminar page *************/
	.leftContainer {
	  width: 48%;
	}
	
	.rightContainer .grid-colum li .details {
	  width: 41.8%;
	}
	.rightContainer .grid-colum li .btns {
	  width: 12.6%;
	}
	
	.pagewrapIphone .rightContainer {
	  float: left;
	  margin-top: 10px;
	  width: 51.08%;
	}
	.instructors .insImg-d {
	  width: 84%;
	}
	.leftContainer {
	  float: left;
	}
	.seminar-detail-left.main-wcontent {
	  width: 100%;
	}
	
	.lnkRequirement {
	   width: 56%;
	}
	.step4 .forminputs label {
	  width: 7em;
	}
	.step4 .forminputs input[type="text"] {
	  width: 7.6em;
	}
	.step3 .forminputs .selectW1 {
	  width: 31.6em;
	}
}
/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {
/*body{ background-color: yellow; }*/
	iframe{ background-color: #ffffff !important; }
	
	.homePageSeminarBlogBlock div.PBViewing {
	  width: 100% !important;
	}
	
	.header-group .logo-area .pagewrap .top-nav {
	  padding: 0;
	  width: 95%;
	}
	.header-group .logo-area .pagewrap .logo {
	  padding: 14px 0 0; margin-bottom: 0px;
	}
	
    .header-group .login-area .sign-in {width:250px; margin:0 auto;}
	.header-group .login-area .sign-in ul li.inputBg input {
	  width: 165px;
	}
	
	.header-group .login-area .sign-in ul li {
	  margin: 0 0.31em 0.5em;
	}

	.header-group .login-area .top-content{
		float:none; text-align:center; display: block;
	}
	.header-group .login-area .sign-in {
		float:none; text-align:center; margin-top:5px;
	}
	.header-group .login-area .sign-in ul li {
		float:none; display:inline-block; margin:0 0.62em 0.5em 0;
	}
	.header-group .login-area .sign-in ul li.inputBg input {float:none;}
	.header-group .login-area .sign-in ul li.inputBg {
		margin-right:0;
	}
	.header-group .logo-area .pagewrap .logo {
		text-align:center; margin-bottom:5px; float: none;
	}
	
	.header-group .navigation .pagewrap ul li {
		width:47%; border-bottom:1px solid #c06b0e; padding:0; margin:0 4px;
	}
	.header-group .navigation .pagewrap ul li a{
		padding:0 5px;
	}
	
	.header-group .navigation .pagewrap ul li{
		border-left: 0px solid #BB6513; border-right: 0px solid #F19D42;
	}
	/* menu start */
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu {
      left: 0px !important;
        width:100%;
        box-sizing: border-box;
    }
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu {
      left: 0px !important;
        width:100%;
        box-sizing: border-box;
    }
/*
    .header-group .navigation .pagewrap ul li.listDrop0 .sub-menu .graybg {
      width: 409px !important;
        box-sizing: border-box;
    }
	.header-group .navigation .pagewrap ul li.listDrop1 .sub-menu .graybg {
      width: 409px !important;
        box-sizing: border-box;
    }
	.header-group .navigation .pagewrap ul li.listDrop2 .sub-menu .graybg {
      width: 409px !important;
        box-sizing: border-box;
    }
	.header-group .navigation .pagewrap ul li.listDrop3 .sub-menu .graybg {
      width: 409px !important;
        box-sizing: border-box;
    }
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu .graybg {
      width: 409px !important;
        box-sizing: border-box;
    }
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu .graybg {
      width: 409px !important;
        box-sizing: border-box;
    }
*/
	/* menu end */
	
	.box {
		width:100%; margin-right:0;
	}
	#img-dis .box {
		width:100%; margin-right:0; 
	}
	.figure1 img{
		width:100%;
	}
	.figcaption1 div p {
	  display: block;
	}
	
	/************* Resource page *************/
	.r-viewDetailsBox .r-img {
	  width: 24%;
	}
	
	.r-viewDetailsBox .r-content {
	  width: 75%;
	}
	/************* Seminar Search *************/
	.rightContainer .grid-colum li .details {
	  width: 38.8%;
	}
	
	.rightContainer .grid-colum li .btns {
	  width: 14.6%;
	}
	
	.leftContainer {
	  width: 100%;
	}
	.seminar-detail-right {
	  width: 56%;
	}
	/************* Management Page *************/
	.leftContainer.seminar-detail-right.big-right-pannel .filter-seminar li.testi-btn ul li, .leftContainer.seminar-detail-right .filter-seminar li.testi-btn ul li {
		/*width:410px;*/
	}
	.mng-box {
		width:100%; margin-right:0;
	}
	.header-group .navigation .pagewrap ul li{
		line-height:normal; padding:10px 0; width:97%;
	}
	.header-group .navigation .pagewrap ul li li a {
		display:block;
	}
	
	/************* Seminar Form *************/
	.forminputs label {
		float:none;
	}
	
	.forminputs input {
		float:none; margin:0; width:18em;
	}
	.selectW2 {
		margin-top:5px; width:18.3em;
	}
	.selectW {
		width:18.3em;
	}
	.seminar-registration h1 {
		font-size:18px; font-weight:bold;
	}
	.forminputs input[type="checkbox"] {
		width:inherit;
	}
	.step2 .forminputs input[type="radio"]{
		float:left; width:inherit;
	}
	.step2 .forminputs input[type="text"] {
		margin:0 0 0.4em
	}
	.step2 .forminputs .selectW2 {
		margin:0 0 0 5px;
	}
	.step3 .forminputs input[type="text"]{
		margin:0 4em 0.4em 0em;
	}
	.step3 .forminputs .selectW1 {
		width:19em;
	}
	.main-login {
		background:url(../images/login-bg1.png) top center no-repeat; width:inherit; padding:20px 0;
	}
	.main-login {
	  position: absolute;
	  top: 90%;
	}
	.login-cross {
		right:45px;
	}
	.main-login .mlogin-area {
		padding:0 0 0 9em; margin:0;
	}
	
	.main-login .logininput {
	  margin: 0;
	  padding: 0 0 0 6em;
	}
	.main-login .logininput label {
	  display: block;
	  float: left;
	  margin: 0;
	  width: 6em;
	}
	.logininput label.password {
	  display: inline;
	  margin: 0 5px 0 8em;
	  width: 9em;
	}
	.main-login .logininput input {
	  border: 1px solid #D9D9D9;
	  float: left;
	  width: 50%;
	}
	.main-login .logininput span {
	  color: red;
	  float: left;
	  font-size: 12px;
	  margin: 0 0 5px 85px;
	}
	.r-details {
		width:70%; float:inherit;
	}
	.r-details-left {
		float:left; width:66%; margin-top: 0px;
	}
	
	.r-details {
	  float: left;
	  width: 30%;
	}
	
	.pagewrapIphone .rightContainer {
	  width: auto;
	}
	.instructors .insImg {
	  width: 14%;
	}
	.instructors .insImg-d {
	  width: 81%;
	}
	.lnkRequirement {
	  width: 66%;
	}
	.step4 .forminputs input[type="text"] {
	  width: 26.6em;
	}
	.step3 .forminputs .selectW1 {
	  width: 27em;
	}
	.step4 .forminputs label {
	  width: 9em;
	}
	.pagewrapIphone .rightContainer {
	  width: 100%;
	}
	/*.pagewrapIphone .leftContainer {
	  width: 50.5%;
	  float: left;
	}*/
	div.dropzone ul.columnwidgetlist div.widget {
	  min-height: 0px;
	}
	.mng-box {
	  min-height: 0px;
	}
	.seminar-detail-right .filter-seminar ul li ul {
	  width: 237px;
	}
	.header-group .login-area .sign-in ul li {
	  margin: 0 0 0.5em 0;
	}
	.seminar-detail-left div.PBViewing {
	 width: 100% !important;
	}
	.seminar-detail-right {
	  margin-top: 15px;
	}
	.seminar-detail-right div.PBViewing {
	  width: 234px !important;
	}
	.mgtContactarea {
	  font-size: 0.75em;
	  padding: 0 0 15px;
	}
	
	.forgotPwd {
	  width: 90%;
	}
	.forgotPwd fieldset {
	  width: auto;
	}
	.forgotPwd fieldset fieldset {
	  width: auto;
	}
	.selectW2 {
	  margin: 5px 0.5em 0.4em 0;
	}
	
	/* register light box start */
	.membership-lb {
	  border: 0 solid red;
	  left: 50%;
	  padding: 5px;
	  position: absolute;
	  top: 270%;
	  width: 428px;
	  z-index: 1000;
	}
	.selectW2 {
	  margin: 5px 0 0;
	  width: 18.3em;
	}
	iframe#iframeMembership {
	  background-color: #FFFFFF !important;
	  height: 840px !important;
	}
	#ValidationSummary1 ul li {
	  float: left;
	  margin: 0 15px 0 0;
	}
	/* register light box end */
	/* contact us light box start */
	/*
	
	original code
	
	.main-contactus {
	  border: 0 solid red;
	  left: 78%;
	  margin-left: -347px;
	  margin-top: -170px;
	  padding: 5px;
	  position: absolute;
	  right: 0;
	  top: 118%;
	  width: 424px;
	  z-index: 1000;
	}*/
	
	.main-contactus {
	  border: 0 solid red;
	  height:auto !important;
	  left: 78%;
	  margin-left: -347px;
	  margin-top: -170px;
	  padding: 5px;
	  position: absolute;
	  right: 0;
	  top: 35%;
	  width: 400px;
	  z-index: 1000;
	}
	#first_step.contactus-lb {
		height:auto;
	}
	iframe#iframeContactUs {
	  background-color: #FFFFFF !important;
	  height: 667px !important;
	}
	
	/* contact us light box end */
	.address-details {
	  float: left;
	}
	.pagewrapIphone .leftContainer {
	  float: left;
	  width: 99.5%;
	}
	.testimonialArea {
	  width: 219px;
	}
}


/************************************************************************************
iphone 6 portrait
*************************************************************************************/

@media screen and (max-width: 375px) {
.main-contactus {
	  border: 0 solid red;
	  height:auto !important;
	  left: 78%;
	  margin-left: -292px;
	  margin-top: -170px;
	  padding: 5px;
	  position: absolute;
	  right: 0;
	  top: 35%;
	  width: 360px;
	  z-index: 1000;
	}
	iframe#iframeContactUs {
	  background-color: #FFFFFF !important;
	  height: 667px !important;
	}
	.step3 .forminputs .selectW1 {
		width:300px;
	}
}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

    iframe{ background-color: #ffffff !important; }
    /*body{ background-color: green; }*/
    .header-group .login-area .sign-in ul li {
	  margin: 0 0 0.5em 0;
	}
	#first_step {
	  width: 87% !important;
	}
	
    .header-group .navigation .pagewrap ul li{
		border-left: 0px solid #BB6513; border-right: 0px solid #F19D42;
	}
	.header-group .login-area .sign-in ul li {
	  margin: 0 0.31em 0.5em;
	}
	.header-group .login-area .sign-in ul li.inputBg input {
	  width: 80px;
	}
	/* menu start */
	
    .header-group .navigation .pagewrap ul li .sub-menu .graybg {
      width: 100% !important;
    }
/*
	.header-group .navigation .pagewrap ul li.listDrop1 .sub-menu .graybg {
      width: 281px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop2 .sub-menu .graybg {
      width: 281px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop3 .sub-menu .graybg {
      width: 281px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop4 .sub-menu .graybg {
      width: 281px !important;
    }
	.header-group .navigation .pagewrap ul li.listDrop5 .sub-menu .graybg {
      width: 281px !important;
    }
*/
    .header-group .navigation .pagewrap ul li.listDrop5 .sub-menu {
      left: 0px !important;
    }
	/* menu end */
    .pagewrap .clearfix .box .gray-box .whiteBox {
      height: auto; 
    }
    .pagewrap .clearfix .box .gray-box .whiteBox p {
      height: auto;
      width: 70%;
    }
	.rightContainer .grid-colum li .btns a.button {
		font-size:11px; padding:0 0.12em;
	}
	.pagewrap .clearfix .box .gray-box li {
	  width: 90px !important;
	}
	/************* Management Page *************/
	.leftContainer.seminar-detail-right.big-right-pannel .filter-seminar li.testi-btn ul li{
		width:250px;
	}
	.leftContainer.seminar-detail-right .filter-seminar li.testi-btn ul li {
		/*width:256px;*/
	}
	.step2 .forminputs input[type="text"] {
		width:14em;
	}
	body:not(:-moz-handler-blocked) .step2 .forminputs .selectW2 {
		margin:0; width:14.3em;
	}
	.main-login {
		background:url(../images/login-bg2.png) top center no-repeat; top: 52%;
	}
	.main-login .mlogin-area {
	  margin: 0;
	  padding: 0 0 0 7em;
	}
	.login-cross {
	  right: 5px;
	}
	.main-login .logininput {
	  margin: 0;
	  padding: 0 0 0 2em;
	}
	.main-login .logininput input {
	  width: 59%;
	}
	.logininput label.password {
	  display: inline;
	  margin: 0 0 0 8em;
	  width: 9em;
	}
	.ins-img {
		float:none; width:80%;
	}
	.ins-details {
		float:none;
	}
	
	/************* Resource page *************/
	.r-viewDetailsBox .r-img {
	  width: 37%;
	}
	.r-viewDetailsBox .r-content {
	  width: 63%; margin-top: 3px;
	}
	.r-details-left {
	  margin-top: 10px;
	  width: 100%;
	}
	/************* Seminar Search *************/
	.rightContainer .grid-colum li .details {
	  width: 33.8%;
	}
	.rightContainer .grid-colum li .btns a.button {
	  font-size: 1em;
	  padding: 0 0.3em;
	}
	.rightContainer .grid-colum li .btns {
	  width: 14.6%;
	}
	.graybtn{ line-height: 15px; }
	
	.seminar-detail-right {
	  width: 86%;
	}
	.rightContainer .gray-big-box li a {
	  font-size: 0.85em;
	}
	.leftPannel-tab {
	   width: 100%;
	}
	.rightPannel-tab {
	  float: left;
	  width: 100%;
	}
	.rightContainer .grid-colum li{
		float:none;
	}
	.rightContainer .grid-colum li .details{
		float:none; width:auto;
	}
	.rightContainer .grid-colum li .date {
		width:100%;
	}
	.rightContainer .grid-colum li .instructor {
		width:100%;
	}
	
	.rightContainer .gray-big-box .bigwhite-box.active iframe {
	  width: 240px;
	}
	.ins-details {
	  float: left;
	  width: 69%;
	}
	.ins-img {
	  float: left;
	  width: 27%;
	}
	.rightContainer .grid-colum li {
	  float: left;
	}
	.rightContainer .grid-colum li .btns {
	  width: 23.6%; float: left;
	}
	.graybtn {
	  line-height: 19px;
	}
	
	.instructors .insImg {
	  width: 22%;
	}
	.instructors .insImg-d {
	  width: 70%;
	}
	.lnkRequirement {
	  width: 101%;
	}
	.step4 .forminputs input[type="text"] {
	  width: 16em;
	}
	.step3 .forminputs .selectW1 {
	  width: 17em;
	}
	.step4 .forminputs label {
	  width: 9em;
	}
	.problemSolve .insImg {
	  width: auto;
	}
	.problemSolve .insImg-d {
	  width: 100%;
	}
	.estimateBlock .estimateInnerBlock .rbRightHeader {
	  width: 55%;
	}
	.estimateBlock .estimateInnerBlock .rbRight {
	   width: 55%;
	}
	.r-details-right .seminar-detail-right ul.sem-blog {
	  width: 190px;
	}
	.mgtContactarea {
	  font-size: 0.75em;
	  padding: 0 0 15px;
	}
	.forgotPwd {
	  width: 84%;
	}
	.forgotPwd fieldset fieldset label {
	  margin: 0 10px 5px 0;
	}
	/* register light box start */
	.membership-lb {
	  border: 0 solid red;
	  left: 50%;
	  padding: 5px;
	  position: absolute;
	  top: 158%;
	  width: 275px;
	  z-index: 1000;
	}
	iframe#iframeMembership {
	  background-color: #FFFFFF !important;
	  height: 941px !important;
	}
	#ValidationSummary1 ul li {
	  float: left;
	  margin: 0 15px 0 0;
	}
	/* register light box end */
	/* contact us light box start */
	.main-contactus {
	  border: 0 solid red;
	  left: 117%;
	  height: auto !important;
	  margin-left: -357px;
	  margin-top: -170px;
	  padding: 5px;
	  position: absolute;
	  right: 0;
	  top: 72%;
	  width: 278px;
	  z-index: 1000;
	}
	
	.step4 .forminputs select {
	  float: left;
	  margin: 0 2.18em 1em 0;
	  width: 16.5em;
	}
	iframe#iframeContactUs {
	  background-color: #FFFFFF !important;
	  height: 692px !important;
	}
	/* contact us light box end */
	.pagewrap .clearfix .box ul.leftCon a {
	  width: 63%;
	}
}