@charset "utf-8";

body { -webkit-text-size-adjust: 100%; /* stops mobile Safari from auto adjusting font-sizes */ }
@media only screen and (min-width: 1401px)  {
	/* h1 {font-size:3vw !important;} */
	/* h2, h3 {font-size:2vw !important;} */
	/* p{font-size:1vw !important;} */
	.menutog, .momenu {display:none !important;}
	.menu {display:block !important;}
}

@media only screen and (min-width: 992px) and (max-width: 1400px)  {
	 body{background-size:120% !important;}
	.menutog, .momenu {display:none !important;}
	.menu {display:block !important;}
}


/* responsive width */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	 body{background-size:260% !important;}
	.phonespan {background-size:22px; line-height:16px; padding:0px 0px 0px 22px; font-size:12px !important;}
	.phonespan a {font-size:12px !important;}
	.maspan {background-size:22px; line-height:16px; padding:0px 0px 0px 22px; font-size:12px !important;}
	.maspan a {font-size:12px !important;}
	
}
@media screen and (min-width:480px) and (max-width:768px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops  */
     body{background-size:300% !important;}
	 h1 {font-size:24px !important;}
	 .think {top: 35vh !important;}
	.menuplaceholder {width:100% !important;}
	.menutog {display:block !important;}
	.menu {display:none !important;}
	
	.main_bg h1 {padding:0px 20px 0px 20px !important;;}
    .main_bg p {width:auto !important;padding:0px 20px 20px 20px !important;}
  
    #hp_nl_1 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
    #hp_nl_2 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
    #hp_nl_3 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
    #hp_nl_4 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
    #hp_nl_5 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
	#slidewrap {min-width:300px !important;}
	.cart_price {text-align:left !important;}
    .field_label {text-align:left !important;}
    .field_label span{display:inline !important; margin-left:10px !important;}
	.rtol {text-align:left !important;}
    .rtoc {text-align:center !important;}
    .col-md-3-2,.col-md-2-2 {margin: 20px 0px 20px 0px !important;}
	.w90wp {width:90% !important; padding:2% 5% 2% 5% !important;}
    .wa {width:100% !important; float:none !important;}
    .padnone {padding:0px !important;}
	.mnone {margin:0 !important;}
	.padleft60to20 {padding: 0px 0px 0px 20px !important;}
    .pad20 {padding:20px !important;}
	.feature, .plan {width:50% !important; margin-bottom:10px !important;height:auto !important;}
	.fcl, .fcr, .f0, .f1, .f2, .f3 {width:100% !important; float:none !important;}
  	.f1, .f2, .f3 {margin-top:20px !important; padding-top:20px !important; border-top:1px solid #333;}
	.modal-content{width:98% !important;}
	.mhide {display:none !important;}
    .mshow {display:block !important;}
	
}

@media screen and (min-width:321px) and (max-width:479px) {
  /* Target portrait smartphones */
  body{background-size:300% !important;}
  h1 {font-size:24px !important;}
  .think {top: 35vh !important;}
  #rocketspace {height:45px !important;}
  .menuplaceholder {width:100% !important;}
  .menutog {display:block !important; margin-right:10px !important;}
  .menu {display:none !important;}
  .main_bg h1 {padding:0px 20px 0px 20px !important;;}
  .main_bg p {width:auto !important;padding:0px 20px 20px 20px !important;}
  
   #hp_nl_1 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   #hp_nl_2 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   #hp_nl_3 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   #hp_nl_4 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   #hp_nl_5 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   
   #app_base_1 {background:none !important;padding:20px 20px 20px 20px !important;}
   #app_base_1 h2 span {display:none !important;;}
   
   .cart_price {text-align:left !important;}
   .field_label {text-align:left !important;}
   .field_label span{display:inline !important; margin-left:10px !important;}
    #slidewrap {min-width:300px !important;}
   
   .col-md-3-2,.col-md-2-2 {margin: 20px 0px 20px 0px !important;}
   .rtol {text-align:left !important;}
   .rtoc {text-align:center !important;}
  .w90wp {width:90% !important; padding:2% 5% 2% 5% !important;}
  .wa {width:100% !important; float:none !important;}
  .padnone {padding:0px !important;}
  .mnone {margin:0 !important;}
  .padleft60to20 {padding: 0px 0px 0px 20px !important;}
  .pad20 {padding:20px !important;}
  .feature, .plan {float:none !important; width:100% !important; height:auto !important; margin:0 auto 10px auto !important;}
  .fcl, .fcr, .f0, .f1, .f2, .f3 {width:100% !important; float:none !important;}
  .f1, .f2, .f3 {margin-top:20px !important; padding-top:20px !important; border-top:1px solid #333;}
  .f0 p{font-size:16px !important;}
   .fortynine {width:49% !important;}
   .mfl {float:left !important;;}
   .mfr {float:right !important;}
  .mhide {display:none !important;}
  .mshow {display:block !important;}
  .modal-content{width:98% !important;}
  .hide479 {display:none !important;}

 

}
@media screen and (min-width:1px) and (max-width:320px) {
	/*iphone 5 or older small devices */
	 body{background-size:300% !important;}
  h1 {font-size:24px !important;}
  .think {top: 35vh !important;}
  #rocketspace {height:45px !important;}
  .menuplaceholder {width:100% !important;}
  .menutog {display:block !important; margin-right:0px !important;}
  .menu {display:none !important;}
  .main_bg h1 {padding:0px 20px 0px 20px !important;;}
  .main_bg p {width:auto !important;padding:0px 20px 20px 20px !important;}
  
   #hp_nl_1 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   #hp_nl_2 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   #hp_nl_3 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   #hp_nl_4 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   #hp_nl_5 {line-height:16px !important; padding:10px 0px 10px 45px !important;}
   
   #app_base_1 {background:none !important;padding:20px 20px 20px 20px !important;}
   #app_base_1 h2 span {display:none !important;;}
   
   .cart_price {text-align:left !important;}
   .field_label {text-align:left !important;}
   .field_label span{display:inline !important; margin-left:10px !important;}
    #slidewrap {min-width:200px !important;}
   
   .col-md-3-2,.col-md-2-2 {margin: 20px 0px 20px 0px !important;}
   .rtol {text-align:left !important;}
   .rtoc {text-align:center !important;}
  .w90wp {width:90% !important; padding:2% 5% 2% 5% !important;}
  .wa {width:100% !important; float:none !important;}
  .padnone {padding:0px !important;}
  .mnone {margin:0 !important;}
  .padleft60to20 {padding: 0px 0px 0px 20px !important;}
  .pad20 {padding:20px !important;}
  .feature, .plan {float:none !important; width:100% !important; height:auto !important; margin:0 auto 10px auto !important;}
  .fcl, .fcr, .f0, .f1, .f2, .f3 {width:100% !important; float:none !important;}
  .f1, .f2, .f3 {margin-top:20px !important; padding-top:20px !important; border-top:1px solid #333;}
  .f0 p{font-size:16px !important;}
   .fortynine {width:49% !important;}
   .mfl {float:left !important;;}
   .mfr {float:right !important;}
  .mhide {display:none !important;}
  .mshow {display:block !important;}
  .modal-modal{padding-top:60px !important;}
  .modal-content{width:98% !important;}
}
@media all and (orientation: landscape) {
  /* Target device in landscape mode */
}

@media all and (orientation: portrait) {
  /* Target device in portrait mode */
}
/* END responsive width */





/* Selection colours */

::selection {
background: rgb(255,255,158);
}
::-moz-selection {
background: rgb(255,255,158);
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
body { -webkit-tap-highlight-color: rgb(255,255,158); }