@charset "utf-8";
@media screen and (max-width:1050px) {
.fullHead .headArea, .fullBanner .bannerArea, .trustFull .trustArea,.quoteFull .quoteArea, .exceptionalSecHm .exceptional, .footerFull .footerArea, .footerFull .bottomFoo, .cloud{ width:980px}
}

@media screen and (max-width:980px) {
.fullHead .headArea, .fullBanner .bannerArea, .trustFull .trustArea, .quoteFull .quoteArea, .exceptionalSecHm .exceptional, .footerFull .footerArea, .footerFull .bottomFoo, .cloud{ width:768px}
.fullBanner{ padding:50px 0}
.cloud h2{ font:700 45px/50px 'Source Sans Pro'}
.cloud h3{ font:400 25px/32px 'Source Sans Pro'}
.cloud p{ font:300 16px/22px 'Source Sans Pro'}
}

@media screen and (max-width:768px) {
.fullHead .headArea, .fullBanner .bannerArea, .trustFull .trustArea, .quoteFull .quoteArea, .exceptionalSecHm .exceptional, .footerFull .footerArea, .footerFull .bottomFoo, .cloud{ width:600px}
.fullBanner .bannerArea .bannerCont{ width:100%}
.trustFull .trustArea .trustImg{ width:15%; margin:0 2%}
.trustFull .trustArea .trustImg img{ width:100%}
.trustFull .trustArea p{ margin-bottom:15px}
.trustFull{ margin-bottom:50px}
.fullHead .headArea .logoMenu .logo{ width:130px}
.fullHead .headArea .logoMenu .menu .mobMenu{ display:block; margin-top:15px}
.fullHead .headArea .logoMenu .menu ul{ display:none; width:180px; background-color:#ededed; position:absolute; padding:10px 0; top:15px; left:0}
.fullHead .headArea .logoMenu .menu ul li{ width:100%; position:relative; float:left; margin:0 10px}
.fullHead .headArea .logoMenu .menu ul li a{ padding:10px; float:left; color:#000}
.fullHead .headArea .logoMenu .logo{ float:right; margin:0 20px}
.fullHead .headArea .logoMenu .menu ul li .subMenu{ position:relative; float:left; width:100%; margin-top:0; top:0; width:78%}
.fullHead .headArea .logoMenu .menu ul li .subMenu li{ margin:0}
.cloud h2{ font:700 35px/40px 'Source Sans Pro'}
.cloud h3{ font:400 20px/20px 'Source Sans Pro'}
}

@media screen and (max-width:600px) {
.fullHead .headArea, .fullBanner .bannerArea, .trustFull .trustArea, .quoteFull .quoteArea, .exceptionalSecHm .exceptional, .footerFull .footerArea, .footerFull .bottomFoo, .cloud{ width:90%; margin:0 auto}
.fullBanner .bannerArea .bannerCont h1, .fullBanner .bannerArea .bannerCont h1 span{ font:700 35px/35px 'Source Sans Pro'}
.fullBanner{ background-image:none; background-color:#232322}
.quoteFull .quoteArea p{ font:300 18px/22px 'Source Sans Pro'}
.quoteFull .quoteArea h2{ font:400 20px/22px 'Source Sans Pro'}
.exceptionalSecHm .exceptional p{font:16px/22px 'Source Sans Pro'}
.exceptionalSecHm .exceptional .eachExp{ width:90%; padding:5%; margin:0 0 20px}
.exceptionalSecHm .exceptional .eachExp p{ margin-bottom:30px}
.exceptionalSecHm{ margin:0; padding:40px 0}
.footerFull .footerArea .footerTop{ margin-bottom:30px}
.fullBanner.handdyBan{ padding:40px 0}
.banHTLogo{ width:100%; float:left}
.banHTLogo img{ width:70%}
.fullBanner.handdyBan h1{ font:300 30px/35px 'Source Sans Pro' !important}
.cloud .allSoftware .eachSoftwear{ width:93%; padding:3%}
.cloud h2{ font:700 30px/34px 'Source Sans Pro'; text-align:left; margin-bottom:10px}
.cloud h3{ font:400 20px/20px 'Source Sans Pro'; text-align:left}
.cloud p{ text-align:left}
.cloud .allSoftware{ margin:40px auto 0}
.exceptionalSecHm .exceptional h2{font:700 35px/35px 'Source Sans Pro'}
}

@media screen and (max-width:480px) {
.fullBanner .bannerArea .bannerCont h1, .fullBanner .bannerArea .bannerCont h1 span{ font:700 25px/25px 'Source Sans Pro'}
.footerFull .footerArea .footerTop .fooMenu .eachMenu, .footerFull .footerArea .footerTop .fooAddress .eachAdd{ width:100%; margin-bottom:20px}
.footerFull .bottomFoo .social{ float:left; margin-top:20px}
.fullHead .headArea .loginSignup{float: left; width: 96%; background-color: #333; padding: 4% 2%; margin-top: 5px; text-align:center}
.fullHead .headArea .loginSignup a { color: #fff; font: 15px/22px 'Source Sans Pro'; padding: 10px 0; float:none; background-color: #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width:47%; text-align:center; display:inline-block}
.exceptionalSecHm .exceptional h2{ font:700 25px/25px 'Source Sans Pro'}
.banHTLogo img{ width:90%}
.fullBanner.handdyBan h1{ font:300 20px/25px 'Source Sans Pro' !important}
.footerFull .bottomFoo .copyright{ width:100%}
}