@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1200px) {
.headerSec .header, .tabSec, .contentSec, .fooAddress, .logoHeaderFull .logoHeader, .menuContainer, .footerSec{ width:980px}
.serviceArea{width:980px}
.singleTerm{ width:980px}
}

@media screen and (max-width:980px) {
.headerSec .header, .tabSec, .contentSec, .fooAddress, .logoHeaderFull .logoHeader, .menuContainer, .footerSec{ width:768px}
.menuContainer .menuMobIcon{display: block; margin-top: 20px;}
.menuContainer .menuSec{ display:none; width: 300px; position: absolute; background-color: #444; left: 0; top: 30px; padding-bottom: 20px; z-index: 1000;}
.menuContainer .menuSec li { width: 100%;}
.menuContainer .menuSec ul li a { display: block; float: left; padding: 15px 20px; color: #fff; text-decoration: none; font-size: 13px;}
.menuContainer .menuSec .subMenuSecFull .subMenuSec .ukSec { width: 100%; float: left; margin: 0; padding: 0;}
.menuContainer .menuSec .subMenuSecFull .subMenuSec .ukSec .interMenu, .menuContainer .menuSec .subMenuSecFull .subMenuSec .eachSubMenu, .menuContainer .menuSec .subMenuSecFull .subMenuSec .eachSubMenu.lastSubMenu { width: 88%; margin: 0 6%; float: left;}
.menuContainer .menuSec .subMenuSecFull .subMenuSec .ukSec .eachSubMenu { width: 90%; float: left; margin: 0;}
.menuContainer .menuSec .subMenuSecFull .subMenuSec .eachSubMenu h2 { margin-top: 25px;}
.menuContainer .menuSec .subMenuSecFull .subMenuSec { width: 100%; margin:0px auto}
.menuContainer .menuSec .subMenuSecFull { position: relative; overflow-y: scroll !important; height: 200px; top: 0; margin: 10px 0 0;}
.menuContainer .menuSec .subMenuSecFull .subMenuSec .eachSubMenu span.coseLink{ display:none}
.menuContainer .menuSec .subMenuSecFull .subMenuSec.advice::before, .menuContainer .menuSec .subMenuSecFull .subMenuSec.package::before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); display: inline-block; width: 15px; height: 15px; float: left; background-color: #f5e265; content: "";}
.eachSecCont{width:100%}
.contentSec .adsDetals{width: 92%}
.contentSec .totalPrice{display: none}
.contentSec .dpImg{margin-top: 0}
.serviceArea{width:768}
.singleTerm{ width:768px}

}

@media screen and (max-width:768px) {
.headerSec .header, .tabSec, .contentSec, .fooAddress, .logoHeaderFull .logoHeader, .menuContainer, .footerSec{ width:600px}
.contentSec h1{ font-size:24px}
.contentSec .totalPrice{ font-size:16px}
.contentSec h1 p span, .totalPrice span{ margin:4px 0 0 !important; font-size:10px}
.contentSec span.firstSpan{ margin:0 0 15px 10px; width:90%}
.contentSec .s2{ margin-left:22px}
.contentSec .checkboxMsg{ margin:10px 0 10px 0px}
.footerSec .eachFoo{ width: 44%; height:244px}
.copyRightFoo{ padding:30px 0 0}
.copyRightFoo .rightFooCr { float: left; margin-top: 30px;}
.serviceArea{width:600px;margin:40px auto}
.serviceArea .leftService{width:100%; padding:0 0 30px}
.serviceArea .rightService{width:90%; margin:30px auto}
.serviceArea .dpImg{margin-top:0}
.singleTerm{ width:600px}
.singleTerm .leftTermL{ width:100%}
.singleTerm .rightTermL{ width:100%; margin:0}
.contentSec .tabPrice a.inactivTab{font-size: 16px;padding: 9px 20px;}
.contentSec .tabPrice a.activTab{font-size: 16px;padding: 10px 20px;}
}

@media screen and (max-width:600px) {
    .desktop{display: block;}
.logoHeaderFull .logoHeader, .menuContainer, .footerSec{ width:96%}
.contentSec h1{ font-size:25px}
.headerSec .header, .contentSec, .fooAddress{ width:96%; margin:110px auto 0}
.tabSec, .contentSec .topPrice{ display:none}
.contentSec .inputHolder label{ margin-bottom:5px}
.contentSec .dpImg{ margin-top:28px}
.fooDetail .fooBtnHold{ width:100%}
.contentSec a.clearChage{ width:100%; text-align:center; border:none; padding:18px 0; margin-bottom:5px}
.fooBtnHold input[type="button"]{ width:100%; padding:15px 0;}
.leftAddress, .midAddress, .rightAddress{ width:100%; margin-bottom:20px; float:left}
.headerSec .header .logo{ width:150px;}
.headerSec .header .logo img{ width:100%}
.footerSec .eachFoo { width: 100%; margin: 0 0 30px; height: auto;}
.logoHeaderFull .logoHeader .callSec p{ display:none}
.logoHeaderFull .logoHeader .callSec h2 a { font: 700 16px/18px 'Source Sans Pro';}
.logoHeaderFull .logoHeader .callSec{ margin:10px 0 0}
.contentSec input[type="text"], .contentSec input[type="password"], .contentSec textarea{ width:100%;}
.contentSec .hasDatepicker,.moreofficer input[type="text"]{width: 88% !important;}
.moreofficer .delrow{float: right;}
.serviceArea .leftService .eachSec input[type="text"]{width: 260px}
.logoHeaderFull .logoHeader .logoSec{ width:120px}
.footerSec{ margin:40px auto}
.serviceArea{width:90%; margin:0 auto}
.singleTerm{ width:90%; margin:0 auto}
.contentSec .tabPrice{width: 100%;margin-top: 10px;}
.contentSec .tabPrice a{margin-top: 10px;}
.contentSec .tabPrice a.activTab { padding: 9px 0;width: 49%;font-size: 20px}
.contentSec .tabPrice a.inactivTab { padding: 8px 0;width: 49%;font-size: 20px}
.contentSec h1.package{border:none}
.moreverify{margin: 0;}
}

@media screen and (max-width:480px) {
    .footerHold{margin-top: 10px;padding: 10px 0}
.headerSec .header, .fooAddress{ width:320px}
/*.contentSec input[type="text"], .contentSec input[type="password"]{ width:278px}*/
.headerSec .header .call span{ display:none}
.contentSec select{ width:280px}
.serviceArea  .dpImg{ margin-top:30px}
.singleTerm .coupon label{ width:30%}
.singleTerm .coupon input[type="text"]{ width:60%}
/*.headerSec .header .call{ float:left}*/
}

@charset "utf-8";
@media screen and (max-width:1050px) {
.termLength{ width:980px}
}
@media screen and (max-width:980px) {
.termLength{ width:768px}

}
@media (min-width: 768px){
.col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
}
@media screen and (max-width:768px) {
.termLength{ width:600px}
.termLength .leftTermL{ width:100%}
.termLength .rightTermL{ width:100%; margin:30px 0 0}
.col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}

@media screen and (max-width:600px) {
.termLength{ width:90%; margin:0 auto}
.termLength .leftTermL h2{ font:700 22px/22px 'Source Sans Pro'; margin-bottom:5px}
.selAddress{ font:700 18px/22px 'Source Sans Pro'}
.termLength .leftTermL .eachTerm .rightEach h2{ font:400 26px/28px 'Source Sans Pro'}
.termLength .leftTermL .eachTerm.highLgt .rightEach h2{ font:700 26px/28px 'Source Sans Pro'}
.termLength .leftTermL .eachTerm .rightEach{ width:50%}
}
@media screen and (max-width:640px) {
.col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}