/**********************************
Description...:mobile styles
Last Changed..:13-03-2015
Notes #1......:
/******************/
@media screen 
  and (min-device-width: 961px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	 
	  #mobile-courses-menu {
		  display: none !important;
		  visibility: hidden !important;
	  }
	  


}
@media screen and (max-device-width:1544px), screen and (max-width:1544px) {
	.admin-area.container, .admin-header {
		width: 1300px !important;
	}
	@media screen and (max-device-width:1369px), screen and (max-width:1369px) {
		.admin-header, .admin-area.container {
			width: 1000px !important;
		}
	}
	@media screen and (max-device-width:1182px), screen and (max-width:1182px) {
	.admin-area.container, .admin-header {
		width: 870px !important;
	}
	}



@media screen and (max-device-width:1000px), screen and (max-width:1000px) {

	#flashcontent-green #slides {margin:0 0 0 40px;}
	body {
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	}
.admin-header {
    padding: 0px 40px !important;
}
	.container, .cont-header, .cont-footer, .cont-flash {
	width:auto !important;
	}
	.container.clearfix {
		width: auto;
    	padding: 0px 22px;
	}

	.cont-header {width:100%;padding:0 64px;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#courses .cont-flash {width: auto;min-height:273px;}
	.cont-footer {padding:24px 22px;}

	#courses #slides .content {margin:43px 0px 0px;}


	.col-offset {margin-right:0;}

	.container.cont-header.clearfix.bottom-nav {padding:15px 64px; width: 100%;}

    #cta-box_hldr {
	width:100%;
	}
    .cta-advert {
    width:100%;
    margin-bottom: 8px;
    margin-top: 16px;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
    }
    .buy-right p {
	        padding: 19px 0px;
    }
    p.fiftypercent {
	        padding-bottom: 21px !important;
    }
}

@media screen and (max-device-width:960px), screen and (max-width:960px) {
	/*TABLET*/
	.admin-menu-toggler {
		display: none;
	}
	.admin-area .hide-mobile-button {
		display: block;
	}
	#mobile-courses-menu {
    top: 108px !important;
    }
.mobile-courses-link {
	display: inline-block;
}
.desktop-courses-link {
	display: none;
}
    #courses #slides {}
    #courses #slides .content {/*left: 20px;*/ right: 14px;
    width: 32%;}
#flashcontent-green #slides {width:480px;margin-top: -20px;}
    #courses #slides .content h1 {font-size: 21.57px;}
    #courses #slides h2 {font-size: 18.57px;}
    #courses #slides p {    font-size: 14.65px;}
    #courses #slides p a {    font-size: 14.65px;}

    #courses #slides img {height: auto;}
	.checkout-container .basket-contents .items-container .price {
		text-align:right;
	}

	.checkout-container .basket-contents {
		top: 100%;
		width: auto;
	}
.courses-menu {
	display: none !important;
}

	.cont-header {position:relative;}
	#nav, .account-nav {float:right;}
	#sf-menu, .nav-list.clearfix, .account-nav ul#sf-menuTwo {
	position:absolute;
	top:100%;left:0;
    /*z-index: 99;*/
	width:100%;
	display:none;
	}
	.account-nav ul#sf-menuTwo {
	z-index: 8;
	top: 86%;
	background: #CACACA;
	}

	#nav ul li {
	width:25%;
	z-index:inherit;
	}
	.account-nav ul#sf-menuTwo li {
	width:20%;
	z-index:inherit;
	}
	#nav ul li a {
	width:100%;
	padding:14px 0;margin:0;
	background:#222;
	}
	.account-nav ul#sf-menuTwo li a {
	width:100%;
	padding:14px 0;margin:0;
	background:#CACACA;
	}
	#nav a#pull, .account-nav a#pullSecond {
	display:block;
	}
	/*#nav ul li ul {
	display:none !important;
	z-index:999999;
	width:100%;
	border-top:0;
	}
#nav ul li:hover ul, #nav ul li:active ul, #nav ul li:focus ul {
    display: block !important;
    margin-top: -42px;
    z-index: 999999999;
}
	#nav ul li ul li {
	width:100%;
	}*/

	.checkout {float:right; width:auto;margin-right:80px; min-height: 48px; margin-bottom:0px;}

	#courses #slides {width:480px;margin:0px 0px 0px 40px;}
	
	
	body .cta-box.cta-box-sm { 
	width:37%; 
	float:right; 
	min-height: 129px;
	}
	
	body .cta-box {
    width: 59%;
    padding: 40px 5px 0;
    margin-top: 8px;
    float:left;
	}
	
	body .cta-box.cta-box-sm.cta-box-var3{ min-height: 268px; }

	.demo-left, .buy-right {
		width:100% !important;
	}
	.demo-left {
		margin-bottom: 10px;
	}
	.floatleft-select, .floatright-select {
    width: 100%;
    float:none;
    clear:both;
    font-size: 1em !important;
}
.floatleft-select p, .floatright-select p, .floatleft-select span, .floatright-select span {
	font-size: 1em !important;
}
.floatright-select {
	padding-left: 20px;
}
}

@media screen and (max-device-width:896px), screen and (max-width:896px) {
    .cta-box_content {float:none;}
    #cta-box_hldr {float:none;}
    .cta-box {float:none;margin-left:auto;margin-right:auto;}
    .export-third .tooltip span {
	    left: 29px !important;
    }
    .admin-area.container, .admin-header {
	    width: 700px !important;
    }
}

@media screen and (max-device-width:768px), screen and (max-width:768px) {
.container.cont-header.courses.admin-header.clearfix {
    padding: 0px 40px !important;
}

.admin-area table thead { display:block; }

	 #courses #slides .content {/*left: 20px;*/ }

    .col-lg-8 {width: 62.664%;}

    #courses aside.col-lg-3 {
        width: 35%;
        padding-left: 2%;
    }

    #courses .main-content section img {  width: auto;}

    #courses #slides .content {right: 20px;}

    #courses #slides img { width: 62%;
    max-width: 100%;
    height: 100%; }

	.account-nav a#pullSecond, #nav a#pull {
  		float:none;
  	}
  	.admin-header #nav a#pull {
  	margin-right: 10px;
}
	.checkout-container {float:none;}

	#nav {float:right;}
	#nav ul {top:100%;z-index: 999999;}

    .checkout {
    float: left;
    width: 280px;
    margin-right: 0;
    padding-left: 0;
    }


	#slides img {
    right: 0px;
}
	.login {right:100px;}

	#courses .col-offset {margin-top:0px;}

	.main-content img {float:none;width:100%;max-width:100%;}
	.main-content img.wrap {float:none;width:auto;margin:0 auto 20px;}

	.boxout {width:180px;}

	.testimonial-blk img {width:auto;}

    .cta-advert img {width:auto;}
    .hide-desktop {display: block !important;}
    .hide-mobile-button {display: none;}
    .admin-area .col-lg-8, .admin-area .col-lg-3 {
width: 100% !important;
float:none !important;
}
.admin-area .col-lg-3 div {
    width: 100% !important;
}
.certificates-block {
	text-align: center;
}
.admin-area.container, .admin-header {
	width: 100% !important;
	padding: 0px !important;
}
.admin-area.container .col-lg-8, .admin-area.container .col-lg-3 {
padding: 0px 10px;
padding-left: 10px !important;
}
}
@media screen and (max-device-width:640px), screen and (max-width:640px) {
	/*SMARTPHONE*/
#flashcontent-green {min-height:381px;max-height:324px;}
#flashcontent-green	#slides a {display:none;}
.admin-area .ref-table table tbody { width:566px; overflow-x:scroll; display:block; }
		/*.admin-area .courses-table table tbody {
    width: 408px;
    overflow-x: scroll;
    display: block;
}*/
	#flashcontent-green #slides {width:100%;margin:10px 0 0;padding:0 40px 20px;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#flashcontent-green #slides p {width:auto;}
	#courses #slides img {display:block;}
	#flashcontent-green div #slides img {display:none;}
.filter-third, .export-third, .search-third {
	width: 100%;
	margin: 0 auto;
	padding: 10px 30px;
	border:none;
}
.search-third {
	height: 111px;
}
ul.courses-menu {
    top: 86px !important;
    }
#mobile-courses-menu {
    top: 274px !important;
    }
	#courses #slides img {
    	width: 100%;
	}

	#courses #slides .content {display:none;}

    #courses .col-offset {
        margin-top: 0px;
    }

    #courses aside.col-lg-3 {
        width: 100%;
        padding-left: 0%;
    }

    #courses .container .main-content aside ul, #courses aside section header,
    #courses aside section p {padding:0px;}
    #courses .main-content section.chapter {background: none;}

    #courses .main-content section {width:100%;}


	#header img {
    margin: 11px 50px 0px -100px;
    left: 50%;
    position: relative;
    }
    

	#nav {float:none; margin-bottom: 27px;}
	#nav a#pull {
	  background: url(../images/icon-nav.png) 60% 0% no-repeat;
	    margin: 22px auto 0px;
	    display: inline-block;
  		width: 100%;
  		float:none;
	  }
	.account-nav #pullSecond {
	  background: url(../images/icon-nav-second.png) 63% 0% no-repeat;
	}


    .checkout {float:none;width:100%; text-align: center;}
    .checkout .checkout-total { background: none;}
    .checkout .checkout-total, .checkout .checkout-btn {float:none;}
    .checkout .checkout-btn a.btn {margin: 0px 0px 16px 16px;}

	.account-nav ul#sf-menuTwo, .checkout-container .basket-contents {
		top: 100%;
	}
	.checkout-container .basket-contents {
		  width: auto;
	}
	.container.cont-header.clearfix.bottom-nav .user {
		margin-bottom:9px;
		text-align:center;
	}

	.container.cont-header.clearfix.bottom-nav {
  		padding: 21px 0px;
	}

	.account-nav a#pullSecond {
  		display: inline-block;
		margin: 12px auto 0px;
  		width: 100%;
  		float:none;
  	}

	.account-nav {
		width: 100%;
  		margin: 0 auto;
  		position: relative;
  		display: inline-block;
	}

	.container.cont-header.clearfix.bottom-nav .user,
	.account-nav {
		float:none;
	}

	#nav ul li, .account-nav ul#sf-menuTwo li {width:50%;}
	#nav a#pull span {}


	#courses #flashcontent {max-height:4800px; min-height:inherit;}
	#slides a {display:none;}
	
	#courses .main-content h2 {
	width: 100%;
	display: inline-block;
	margin: 64px 0 12px;
	}

	.login {top:0;left:0;right:0;}
	.login a {
	width:100%;
	text-align:center;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
	}

	#slides {width:100%;margin:10px 0 0;padding:0 40px 20px;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
   #flashcontent-green #slides h1 {font-size: 2.2em;line-height: 1.15em;}
      #flashcontent-silver #slides h1 {font-size: 4.2em;line-height: 0.9em;}
   #flashcontent-silver #slides p {line-height: 0.9em; margin: 10px 0 10px;}
   #flashcontent-green #slides p {
    width: 350px;
    line-height: 1.25em;
    margin: 0 0 14px;
}

	#courses #slides img {display:block;}
	#slides img {display:none;}

    .cta-box {width:100%;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
    .cta-box h3, .cta-box p.btn-click {padding-right:60px;}
    .cta-box p.btn-click {margin-bottom:30px;}

    .cta-box-lrg h3 {text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
    .cta-box-lrg p {padding-right:0;margin-bottom: 30px;}

	.main-content img.wrap {width:100%;margin:0 auto 20px;}

	.boxout {
	text-align:center;
	width:100%;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.boxout .btn a {float:none;}

	.testimonials .col-lg-4 {width:100%;}

	#footer-intro .col-lg-6 {width:100%;text-align:center;}
	#footer-intro .col-right {padding-top:30px;}
	#footer-intro .col-right img {float:none;}


	body .cta-box.cta-box-sm { 
	width:100%; 
	}
	
	body .cta-box {
    width: 100%;
    padding: 15px 15px 0;
	}
	html, body {
    overflow-x: hidden;
	}
.container.cont-header.admin-header.clearfix a img {
margin: 0px !important;
left:0% !important;
    margin-left: 10px !important;
    margin-top: 20px !important;
}
nav.admin a#pull span {
    left: -20px;
    position: relative;
}
	
}

@media screen and (max-device-width:480px), screen and (max-width:480px) {
    .cta-box-first {text-align:center;}
    .cta-box-first h3 {padding:0;}
    .cta-box-first p.btn-click {text-align:left;padding-right:0;}
    .cta-box-first .image {display:none;}
}

@media screen and (max-device-width:380px), screen and (max-width:380px) {
  /*MOBILE*/
  
  
ul.courses-menu {
    top: 0px !important;
    width: 85.5% !important;
    border: none !important;
}
  #courses #slides .content {display:none;}

    #courses .main-content section.chapter {
        background: none;
    }

    #courses .main-content section.chapter {
       margin: 0px 1px;
    }

    #courses .col-lg-3 {
        padding: 0px;
    }

    #courses .col-offset {
        margin-top:0px;
    }
    #courses .container .main-content aside ul,
    #courses aside section header,
    #courses aside section p {
        padding:0px;
    }

    #courses .main-content section img {
        width: auto;
    }
    .col-lg-8, .col-lg-3 {
        width: 100%;
    }
    #courses .cont-flash {
        padding: 8px 0px 0;
    }

    #courses #slides .content {
        left: 16px;
    }


	#nav {
		float: none;
		width: 100%;
		margin: 10px auto 14px;
		position: relative;
		display: inline-block;
	}

#flashcontent-green {
	  min-height: 386px;
  }


  .account-nav a#pullSecond, #nav a#pull {
  	  width: 100%;
  }
  .cont-header {padding:0 40px;}

  /*#slides h1 {font-size:1.7em;}*/

  #nav ul li, .account-nav ul#sf-menuTwo li {
    width:100%;
  }
  #nav ul li a {
    border:0;
  }
 /* #nav ul li ul {
    float:left;
    position:relative;
  }
  #nav ul li ul {
   /*display:none !important;
    position:static;*/
    left:0 !important;
  /*}
  /*#nav ul li:hover ul {
    /*display:none !important;*/
 /* }*/
  #nav .mobnav-subarrow {
    display:block;
  }
  #nav ul li.xpopdrop ul {
    display:block !important;
  }

  .boxout {text-align:left;}

  .cta-advert img {margin:0;}
    #flashcontent-green #slides h1 {font-size:1.7em;}
    
}