/* ----------- Galaxy Tab S ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2) 
{
}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) 
{
}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) 
{      
 .innerbox-index {
min-height: 355px;
}
}


/* xs, galaxy 5 = 360 px*/
@media (max-width: 360px)
{
	
.page-heading {
	font-size: 40px;
}
.dropdown-menu-hamburger2{width:300px; margin-left:-170px;}
.font-hamburger {font-size: 12px;}
.product-title {font-size: small;}
.banner-title{
font-size: 28px;
}
.banner-tagline{
font-size: 13px;
padding-bottom: 0px;
}
.banner-row-height {height: 60px;}
.unlimited-vertical-align {
display: initial;
align-items: center;
}
.ctns-icon-shop-now-vertical-align {
display: initial;
align-items: center;
}
.outerbox {
padding: 10px;
float: left;
}
.onsites-heading{
margin-top: 10px;
padding-top: 0px;
padding-bottom: 10px;
font-size: 26px;
}
.courselist-box {
padding-left: 15px;
}
.courses-heading{
font-size: 18px;
}	
.courses-list{
font-size: 17px;
line-height: 160%;
}
.sidebar-width {max-width: 330px;}
.sidebar-package-title,.sidebar-package-title-active{
font-size: 18px;
}
.sidebar-package-description, .sidebar-package-description-active{
font-size: 14px;
}
.page-section-heading{
font-size: 16px;
}
.container-padding{	
padding-right: 0px;
margin-right: -15px;
}
}

/* xs,  iphone 6 = 375, iphone 6 plus = 414 px*/
@media(min-width: 361px)  and  (max-width: 414px)
{
	
.page-heading {
	font-size: 40px;
}
.dropdown-menu-hamburger2{width:300px; margin-left:-170px;}
.product-title {font-size: small; }
.banner-title{
font-size: 30px;
}
.banner-tagline{font-size: 13px;}
.banner-row-height {height: 60px;}
.ctns-icon-shop-now-vertical-align {
display: initial;
align-items: center;
}
.unlimited-vertical-align {
display: initial;
align-items: center;
}
.outerbox {
padding: 10px;
float: left;
}
.onsites-heading{
margin-top: 10px;
padding-top: 0px;
padding-bottom: 10px;
font-size: 26px;
}
.courselist-box {
padding-left: 15px;
}
.courses-heading{
font-size: 19px;
}	
.courses-list{
font-size: 18px;
line-height: 160%;
}
.sidebar-width {max-width: 330px;}
.sidebar-package-title,.sidebar-package-title-active{
font-size: 18px;
}
.sidebar-package-description, .sidebar-package-description-active{
font-size: 14px;
}
.container-padding{	
padding-right: 0px;
margin-right: -15px;
}
}

/* xs */
@media(min-width: 415px)  and (max-width: 448px) 
{
.page-heading {
	font-size: 40px;
}
.dropdown-menu-hamburger2{width:300px; margin-left:-170px;}
.banner-title{
font-size: 34px;
}
.banner-tagline{
font-size: 16px;
}	
.ctns-icon-shop-now-vertical-align {
display: initial;
align-items: center;
}
.unlimited-vertical-align {
display: initial;
align-items: center;
}
.unlimited {font-size:18px;}	
.outerbox {
padding: 10px;
float: left;
}
.onsites-heading{
margin-top: 10px;
padding-top: 0px;
padding-bottom: 10px;
font-size: 28px;
}
.courselist-box {
padding-left: 40px;
}
.courses-heading{
padding-top: 0px;
font-size: 22px;
}	
.courses-list{
font-size: 19px;
line-height: 150%;
}
.sidebar-package-title,.sidebar-package-title-active{
font-size: 120%;
}
.sidebar-package-description, .sidebar-package-description-active{
font-size: 100%;
}
.container-padding{	
padding-right: 0px;
margin-right: -15px;
}	
}

/* xs */
@media(min-width: 449px)  and (max-width: 767px) 
{
.dropdown-menu-hamburger2{width:300px; margin-left:-260px;}
.banner-title{
font-size: 34px;
}
.banner-tagline{
font-size: 16px;
}	
.ctns-icon-shop-now-vertical-align {
display: initial;
align-items: center;
}
.unlimited-vertical-align {
display: initial;
align-items: center;
}
.unlimited {font-size:18px;}	
.outerbox {
padding: 10px;
float: left;
}
.onsites-heading{
margin-top: 10px;
padding-top: 0px;
padding-bottom: 10px;
font-size: 36px;
}
.courselist-box {
padding-left: 40px;
}
.courses-heading{
padding-top: 0px;
font-size: 22px;
}	
.courses-list{
font-size: 19px;
line-height: 150%;
}
.sidebar-package-title,.sidebar-package-title-active{
font-size: 120%;
}
.sidebar-package-description, .sidebar-package-description-active{
font-size: 100%;
}
.container-padding{	
padding-right: 0px;
margin-right: -15px;
}	
}

/* xs */
@media (max-width: 767px) 
{
.well-index-upper-maxwidth{
	max-width: 420px;
	}
.banner-icon{
width: 28px;
padding: 0px;
margin: 0px;
margin-right: 0px;
}
.banner-text-link{
font-size: 14px;
color: white;
text-align: center;	
  margin-left: 5px;
  margin-right: 5px;
}	
.onsites-promo-text {font-size: 18px;}
.best-value-sidebar-column{
padding-left: 20px;
}
.ctns-page-heading {
font-size: 26px;
padding-left: 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
}
.ctns-page-subheading {
font-size: 24px;
padding-left: 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
}
.innerbox-well {
min-height: 340px;
}
.max-index-icon {
	max-height: 100px;
}
}

/* sm */
@media (min-width: 768px)  and (max-width: 991px) 
{
.innerbox-well {
min-height: 520px;
}
.innerbox-index {
min-height: 320px;
}
.font-hamburger{
font-size: 16px;
}
.banner-icon{
width: 90%;
padding: 0px;
margin: 0px;
}
.banner-text-link{
font-size: 17px;
color: white;
text-align: center;	
  margin-left: 5px;
  margin-right: 5px;
}
.banner-icons-padding{
	padding-left: 0px;
	padding-right: 0px;
}
.banner-title{
font-size: 32px;
}
.banner-tagline{
font-size: 15px;
}	
.index-well-header{
font-size: 20px;
}
.ctns-page-heading {
font-size: 30px;
padding-left: 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
}
.ctns-page-subheading {
font-size: 28px;
}
.cert-page-heading {
font-size: 30px;
}
.ctns-icon-shop-now-vertical-align {
display: flex;
align-items: center;
}
.outerbox {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}
.navtabs-size {
font-size: 15px;
}
.onsites-heading{
margin-top: 10px;
padding-top: 0px;
padding-bottom: 10px;
font-size: 30px;
}
.courselist-box {
padding-left: 30px;
}
.courses-heading{
font-size: 22px;
}
.courses-list{
font-size: 19px;
line-height: 150%;
}
.sidebar-package-title,.sidebar-package-title-active{
font-size: 19px;
}
.sidebar-package-description, .sidebar-package-description-active{
font-size: 100%;
}
.container-padding{	
padding-right: 0px;
margin-right: -15px;
}
.certification-title {font-size: 23px;}
}

/* md */
@media (min-width: 992px) and (max-width: 1033px)
{
.innerbox-index {
min-height: 420px;
}
.innerbox-well {
	min-height: 460px;
}
}

@media (min-width: 1034px) and (max-width: 1199px)
{
.innerbox-index {
min-height: 330px;
}
.innerbox-well {
	min-height: 400px;
}
}

@media (min-width: 992px)  and (max-width: 1199px)
{
.banner-title{
font-size: 40px;
}
.banner-tagline{
font-size: 20px;
}	
.outerbox {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}
.sidebar-package-title,.sidebar-package-title-active{
font-size: 20px;
}
.onsites-heading{
font-size: 36px;
}
.courses-list{
font-size: 19px;
line-height: 150%;
}
.sidebar-package-description, .sidebar-package-description-active{
font-size: 15px;
}
.container-padding{	
padding-right: 0px;
}
}

/* lg */
@media (min-width: 1200px) 
{
.banner-row-height {height: 120px;}
.outerbox {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}
.sidebar-package-title,.sidebar-package-title-active {
font-size: 20px;
}	
.container-padding {	
padding-right: 0px;
}
}


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media 
  (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media 
  (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media 
  (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media 
  (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media 
  (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media 
  (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}