.tabcd{ background-color:red } 
h1{ font-family: 'Dosis', sans-serif; } 
.md { font-size: 40px !important; color: #00b4f9 !important; margin: 0px !important; margin-top: 2px !important; margin-right: 20px !important; } 
.defualt-logo {color: #000 !important;font-size: 26px !important; text-transform: lowercase;font-family: 'Catamaran', sans-serif;}
.health-logo a{ font-size: 30px !important; color: #00b4f9 !important; margin: 0px; } 
.nright{ float: right !important; margin-right: -13px !important; margin-top: 2px !important; } 
.nright li{ font-size: 16px; font-weight: 500 !important;font-family: 'Oswald', sans-serif; text-transform: uppercase;} 
.nright li a{ color: #000 !important; } 
.nright li a:hover{ color: #f59b29 !important; } 
.navbar-default{ background:none !important; border:none !important; } 
#active{ color: #f59b29 !important; }
.navcnt{float:right;}.container-fluid {margin-right: 0px !important; margin-left: 0px !important;}
.smart {color: #000 !important;font-size: 30px;font-weight: bold; text-transform: lowercase;font-family: 'Catamaran', sans-serif;}
.banner {height: 550px;}
.banner h1 {color: #fff !important;text-transform:uppercase;font-weight: 400;font-size: 50px;text-align: left;margin-top: 160px;font-family: 'Oswald', sans-serif;margin-left: 6%;}
.banner h2 {color: #f59b29 !important; text-transform: uppercase;text-align: left;font-size: 24px;font-weight: 400;font-family: 'Oswald', sans-serif;margin-left: 6%;}
.banner p {color: #fff !important;text-align: left;font-size: 21px;margin-left: 6%;}
i.fa.fa-eyedropper {color: #fff !important;font-size: 35px;padding: 60px 0px 1px 125px;}
i.fa.fa-cogs {color: #fff !important;font-size: 35px;padding: 60px 0px 0px 125px !important;}
i.fa.fa-comments {color: #fff !important;font-size: 35px;padding: 60px 0px 0px 125px !important;}
i.fa.fa-rocket {color: #fff !important;font-size: 35px; padding: 60px 0px 0px 125px !important;}
.computer h1 {color: #fff !important;text-align: center;font-size: 30px;margin-bottom: 100px;font-family: 'Catamaran', sans-serif;}
.cmmu h1 {color: #fff !important;text-align: center;font-size: 30px;margin-bottom: 68px !important;font-family: 'Catamaran', sans-serif;}
.aomtit h1 {color: #fff !important;text-align: center;font-size: 30px;margin-bottom: 101px;font-family: 'Catamaran', sans-serif;}
.cmnu h1 {color: #fff !important;font-size: 30px;text-align: center; margin-bottom: 68px;font-family: 'Catamaran', sans-serif;}
.couree h1 {text-align: center;text-transform: uppercase;color: #000 !important;font-size: 42px; font-weight: 400;font-family: 'Oswald', sans-serif;}
.couree p {text-align: center;font-size: 20px;color: #999999 !important;font-family: 'Oswald', sns-serif;}
.zero h1 {font-size: 18px;color: #000 !important;font-weight: 400;text-transform: uppercase;font-family: 'Oswald', sans-serif;}
.zero h1:hover {color: #f59b29 !important;}
.with h1 {color: #000 !important;text-align: center;text-transform: uppercase;font-size: 40px;font-weight: 400;font-family: 'Oswald', sans-serif;}
.with p {color: #999999 !important;text-align: center;font-size: 20px;font-family: 'Oswald', sans-serif;}
.ponue {border: #999 solid 2px;margin-right: 14px; width: 32.5% !important;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);}
.ponue:nth-child(3) { float: right;margin-right: 0px !important;}
.ffbanner h1 {color: #fff !important;text-align: center;text-transform: uppercase;font-size: 40px; font-weight: 400;padding: 68px 0px 0px 0px;font-family: 'Oswald', sans-serif;}
.ffbanner {height: 308px;}
.ffbanner p {color: #fff !important;text-align: center; font-size: 20px; font-family: 'Oswald', sans-serif;}
.ponue {text-align: center; padding: 0px !important;}
.ponue h1 {margin: 0px; text-align: center;color: #fff;background: #f59b29;padding-top: 10%;padding-bottom: 2%;text-transform: uppercase;font-size: 20pt;font-family: 'Oswald', sans-serif;}
.para {font-size: 12pt;text-align: center; background: #f59b29;color: #fff;margin: 0px;padding-bottom: 10%;text-transform: uppercase;letter-spacing: 3px;font-family: 'Oswald', sans-serif;} 
.ponue img {margin-top: -10%;margin-bottom: 5%;}
.para1 {font-size: 11pt;color: #999; padding: 0px 2%;margin: 0px;margin-bottom: 5%;font-family: 'Oswald', sans-serif;}
.facebook, .youtube, .twitter, .plus {font-size: 14pt !important;color: #999;margin-right: 5%;margin-bottom: 5%;}
a.view {font-size: 12pt;color: #f59b29; margin-top: 5%;margin-bottom: 10%;display: inline-block !important;text-transform: uppercase;font-family: 'Oswald', sans-serif;}
.learn {color: #fff !important;}
.footer11 p {font-size: 16px;color: #999 !important; padding: 30px 0px 15px 93px;;font-family: 'Catamaran', sans-serif;}
.footer11 h1 {color: #999 !important;text-transform: uppercase;font-size: 14px;padding: 25px 0px 0px 230px;;font-family: 'Oswald', sans-serif;}
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;padding-right: 0px !important;padding-left: 0px !important;}
.petue {margin-top: 26px;}
.prefer {margin-top: 25px;}
.banner { margin-top: -20px !important;}
.courseba {margin-top: -20px !important;}
.couse h1 { color: #fff !important;text-transform: uppercase;font-size: 36px;font-weight: 400;padding: 20px 0px 0px 90px;font-family: 'Oswald', sans-serif;
}
.couse p {color: #f59b29 !important;font-size: 14px;font-weight: 400;text-transform: uppercase; padding: 3px 0px 0px 90px;font-family: 'Oswald', sans-serif;}
.courseba {height: 160px;}
.jul h1 {color: #fff !important;background-color: #f59b29;text-align: center;text-transform: uppercase;font-size: 30px;display: inline-block !important;padding: 15px 15px;font-weight: 400;font-family: 'Oswald', sans-serif;}
.web h1 { color: #000 !important; text-transform: uppercase;font-size: 30px; font-weight: 400;font-family: 'Oswald', sans-serif;}
.web h2 {color: #f59b29;font-size: 16px;font-weight: 400;text-transform: uppercase;font-family: 'Oswald', sans-serif;margin-top: 20px;}
.web p {color: #666666 !important;font-size: 17px;margin-top: 20px;font-family: 'Catamaran', sans-serif;line-height: 30px;}
.aug h3 {color: #fff !important;background-color: #f59b29;text-align: center; text-transform: uppercase;font-size: 30px;display: inline-block !important; padding: 15px 15px !important;font-weight: 400;font-family: 'Oswald', sans-serif;margin-top: -63px;font-family: 'Oswald', sans-serif;}
.aug h1 {color: #000 !important;text-transform: uppercase;font-size: 18px;font-weight: 400;font-family: 'Oswald', sans-serif;}
.aug h2 {color: #999 !important;font-size: 12px; text-transform: uppercase;font-weight: 400;font-family: 'Oswald', sans-serif;}
.aug p {color: #999 !important;font-size: 16px; font-weight: 300;line-height: 1.8;font-family: 'Catamaran', sans-serif;}
.aug img {margin-bottom: -5.9%;}
.footer11 ul {
    margin: 0px auto;
    display: table !important;
    margin-top: 3%;
}
.footer11 ul li {
    float: left;
    padding: 20px;
    font-size: 14pt;
    font-family: 'Catamaran', sans-serif;
    list-style: none;
}
.footer11 ul li a {
    color: #999;
}
.footer11 ul li a:hover {
    text-decoration: none;
    color: #f59b29;
}
.school-contact {
    margin-top: 3%;
    margin-bottom: 5%;
}
.school-contact h1 {
    font-size: 22pt;
    font-family: 'Oswald', sans-serif;
    color: #000;
    margin: 0px;
}
.school-contact p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #888888;
    font-weight: 100;
    margin-top: 5%;
    margin-bottom: 5%;
}
a.school-link {
    font-size: 12pt;
    color: #f59b29;
    font-family: 'Open Sans', sans-serif;
}
a.school-link:hover {
    text-decoration: none;
    color: #873494;
}
a.school-link:focus {
    text-decoration: none;
    color: #873494;
}
.contact-map {
    margin-top: 5%;
}
#n1 {
    font-size: 18px !important;
    color: #000 !important;
    margin-bottom: 5px !important;
    font-family: 'Open Sans', sans-serif !important;
}
#s1 {
    text-transform: uppercase;
    background-color: #f59b29 !important;
    color: #fff;
    border: none !important;
    font-size: 18px !important;
    float: right !important;
    margin-top: 10px !important;
    padding: 10px 20px !important;
    font-family: 'Pathway Gothic One', sans-serif;
    margin-bottom: 5%;
}
@media only screen and (min-width : 320px) and (max-width :480px) {
.nright { float: none !important;}
.navcnt {float: none !important;}
.banner h1 {font-size: 15px;text-align: center;margin-top: 4px;}
.banner h2 {font-size: 15px;text-align: center;margin-top: 8px;}
.banner p {font-size: 9px;text-align: center;}
.banner {height: 120px;}
.computer {margin-bottom: 12px;}
.cmmu {margin-bottom: 12px;}
.aomtit {margin-bottom: 12px;}
.cmnu {margin-bottom: 12px;}
.couree h1 {font-size: 30px;}
.couree p {font-size: 18px;}
.zero h1 {text-align: center;}
.with h1 {font-size: 30px;}
.with p {font-size: 18px;}
.ponue {width: 100% !important; margin-bottom: 12px;}
.ffbanner h1 {font-size: 15px;padding: 0px !important;}
.ffbanner p {font-size: 12px;margin-top: -4px;}
.ffbanner {height: 85px;}
.footer11 p {font-size: 13px;padding: 0px;text-align: center;margin-top: 12px !important;}
.footer11 h1 {font-size: 12px;padding: 0px; text-align: center;margin-bottom: 12px !important;}
.computer {text-align: center;}
i.fa.fa-eyedropper { padding: 0px !important; margin-top: 20%;}
.computer h1 {margin-bottom: 20%;}
.cmmu {margin-bottom: 12px; text-align: center;}
i.fa.fa-cogs {font-size: 35px; padding: 0px !important;margin-top: 20%;}
.aomtit {margin-bottom: 12px; text-align: center;}
i.fa.fa-comments {color: #fff !important;font-size: 35px;padding: 0px !important;margin-top: 20%;}
.cmnu {margin-bottom: 12px; text-align: center;}
i.fa.fa-rocket {color: #fff !important;font-size: 35px;padding: 0px !important;margin-top: 20%;}
.couse h1 {font-size: 12px;margin-top: 3px !important;padding: 0px !important;text-align: center; margin-right: 35%;}
.couse p {font-size: 10px;padding: 0px !important;margin-top: -10px;text-align: center; margin-right: 35%;}
.courseba {height: 38px;}
.jul {text-align: center;}
.web h1 {text-align: center;font-size: 20px;}
.web h2 {text-align: center;}
.web p {text-align: center;line-height: 22px;}
.aug img {
    margin-bottom: -13.9%;
}
.aug h1 {font-size: 15px;text-align: center;}
.aug h2 {font-size: 12px; text-align: center;}
.aug p {text-align: center;    line-height: 22px;}
.aug h3 {font-size: 15px;}
.aug h3 {
    margin-top: -26px !important;
}
.petue {
    margin-top: 0px;
}
.footer11 ul {
    padding-left: 0px;
    margin-bottom: 5%;
}
.footer11 ul li {
    float: none;
    padding: 0px;
        padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}

.school-contact {
    text-align: center;
}

}


@media only screen and (min-width : 360px) and (max-width :640px) {
.nright { float: none !important;}
.navcnt {float: none !important;}
.banner h1 {font-size: 15px;text-align: center;margin-top: 4px;}
.banner h2 {font-size: 15px;text-align: center;margin-top: 8px;}
.banner p {font-size: 9px;text-align: center;}
.banner {height: 120px;}
.computer {margin-bottom: 12px;}
.cmmu {margin-bottom: 12px;}
.aomtit {margin-bottom: 12px;}
.cmnu {margin-bottom: 12px;}
.couree h1 {font-size: 30px;}
.couree p {font-size: 18px;}
.zero h1 {text-align: center;}
.with h1 {font-size: 30px;}
.with p {font-size: 18px;}
.ponue {width: 100% !important; margin-bottom: 12px;}
.ffbanner h1 {font-size: 15px;padding: 0px !important;}
.ffbanner p {font-size: 12px;margin-top: -4px;}
.ffbanner {height: 85px;margin-bottom: 2%;}
.footer11 p {font-size: 13px;padding: 0px;text-align: center;margin-top: 12px !important;}
.footer11 h1 {font-size: 12px;padding: 0px; text-align: center;margin-bottom: 12px !important;}
.computer {text-align: center;}
i.fa.fa-eyedropper {padding: 0px !important;margin-top: 20%;}
.computer h1 {margin-bottom: 20%;}
.cmmu {margin-bottom: 12px;text-align: center;}
i.fa.fa-cogs {font-size: 35px;padding: 0px !important;margin-top: 20%;}
.aomtit {margin-bottom: 12px; text-align: center;}
i.fa.fa-comments {color: #fff !important;font-size: 35px;padding: 0px !important;margin-top: 20%;}
.cmnu {margin-bottom: 12px;text-align: center;}
i.fa.fa-rocket {color: #fff !important; font-size: 35px;padding: 0px !important;margin-top: 20%;}
.couse h1 {font-size: 12px;margin-top: 3px !important;padding: 0px !important;text-align: center; margin-right: 35%;}
.couse p {font-size: 10px;padding: 0px !important;margin-top: -10px;text-align: center; margin-right: 35%;}
.courseba {height: 73px;}
.jul {text-align: center;}
.web h1 {text-align: center;font-size: 20px;}
.web h2 {text-align: center;}
.web p {text-align: center;  line-height: 22px;}
.aug img {
    margin-bottom: -11.5%;
}
.aug h1 {font-size: 15px;text-align: center;}
.aug h2 {font-size: 12px; text-align: center;}
.aug p {text-align: center; line-height: 22px;}
.aug h3 {font-size: 15px;}
.aug h3 {
    margin-top: -1px;
}
a.view {
margin-top: 0%;
margin-bottom: 5%;
}
.footer11 ul {
    padding-left: 0px;
    margin-bottom: 5%;
}
.footer11 ul li {
    float: none;
    padding: 0px;
        padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}
.school-contact {
    text-align: center;
}
}
@media only screen and (min-width : 410px) and (max-width :412px) {
.aug h3 {
    margin-top: -17px !important;
}
}
@media only screen and (min-width : 413px) and (max-width :415px) {
.aug img {
    margin-bottom: -10.3% !important;
}
}
@media only screen and (min-width : 434px) and (max-width :436px) {
.aug img {
    margin-bottom: -10% !important;
}
}
@media only screen and (min-width : 480px) and (max-width :482px) {
.aug img {
    margin-bottom: -8.3%;
}
.ffbanner {
    margin-bottom: 2%;
}
.couse h1 {
margin-top: 10px !important;
}
.ponue h1 {
padding-top: 5%;
}

}

@media only screen and (min-width : 567px) and (max-width :569px) {
.aug h3 {
    margin-top: 1px;
}
.couse h1 {
    margin-top: 16px !important;
}

}
@media only screen and (min-width : 600px) and (max-width :601px) {
.couse h1 {
margin-top: 18px !important;
}
.ponue h1 {
padding-top: 5%;
}
.aug h3 {
    margin-top: 1px;
}
}


@media only screen and (min-width : 665px) and (max-width :668px) {
.aug img {
    margin-bottom: -5% !important;
}
}

@media only screen and (min-width : 730px) and (max-width :733px) {
.aug img {
    margin-bottom: -4.8% !important;
}

}


@media only screen and (min-width : 735px) and (max-width :737px) {
.aug img {
    margin-bottom: -4.5% !important;
}

}
@media only screen and (min-width : 640px) and (max-width :641px) {
.aug img {margin-bottom: -10.3%;}
}

@media only screen and (min-width : 640px) and (max-width :768px) {
.nright { float: none !important;}
.navcnt {float: none !important;}
.banner h1 {font-size: 15px;text-align: center;margin-top: 4px;}
.banner h2 {font-size: 15px;text-align: center;margin-top: 8px;}
.banner p {font-size: 9px;text-align: center;}
.banner {height: 120px;}
.computer {margin-bottom: 12px;}
.cmmu {margin-bottom: 12px;}
.aomtit {margin-bottom: 12px;}
.cmnu {margin-bottom: 12px;}
.couree h1 {font-size: 30px;}
.couree p {font-size: 18px;}
.zero h1 {text-align: center;}
.with h1 {font-size: 30px;}
.with p {font-size: 18px;}
.ponue {width: 100% !important; margin-bottom: 12px;}
.ponue h1 {
padding-top: 5%;
}
.ffbanner {
    height: 120px;
    margin-bottom: 2%;
}
.ffbanner h1 {
    margin-top: 6%;
font-size: 15px;padding: 0px !important;
}
.ffbanner p {font-size: 12px;margin-top: -4px;}

.footer11 p {font-size: 13px;padding: 0px;text-align: center;margin-top: 12px !important;}
.footer11 h1 {font-size: 12px;padding: 0px; text-align: center;margin-bottom: 12px !important;}
.computer {text-align: center;}
i.fa.fa-eyedropper { padding: 0px !important;margin-top: 20%;}
.computer h1 {margin-bottom: 20%;}
.cmmu {margin-bottom: 12px;text-align: center;}
i.fa.fa-cogs {font-size: 35px;padding: 0px !important;margin-top: 20%;}
.aomtit {margin-bottom: 12px;text-align: center;}
i.fa.fa-comments {color: #fff !important;font-size: 35px; padding: 0px !important;margin-top: 20%;}
.cmnu {margin-bottom: 12px;text-align: center;}
i.fa.fa-rocket {color: #fff !important;font-size: 35px;padding: 0px !important;margin-top: 20%;}
.couse h1 {font-size: 12px;margin-top: 15px !important;padding: 0px !important;text-align: center; margin-right: 35%;}
.couse p {font-size: 10px;padding: 0px !important;margin-top: -10px;text-align: center; margin-right: 35%;}
.courseba {height: 73px;}
.jul {text-align: center;}
.web h1 {text-align: center;font-size: 20px;}
.web h2 {text-align: center;}
.web p {text-align: center;}
.aug h1 {font-size: 15px;text-align: center;}
.aug h2 {font-size: 12px; text-align: center;}
.aug p {text-align: center;  line-height: 22px;}
.aug h3 {font-size: 15px;}
.footer11 ul {
    padding-left: 0px;
    margin-bottom: 5%;
}
.footer11 ul li {
    float: none;
    padding: 0px;
        padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}
.school-contact {
    text-align: center;
}

}




@media only screen and (min-width : 768px) and (max-width :1000px) {
.nright { float: right !important;}
.navcnt {float: right !important;}
.banner h1 {font-size: 15px;text-align: center;margin-top: 4px;}
.banner h2 {font-size: 15px;text-align: center;margin-top: 8px;}
.banner p {font-size: 9px;text-align: center;}
.banner {height: 120px;}
.computer {margin-bottom: 12px;}
.cmmu {margin-bottom: 12px;}
.aomtit {margin-bottom: 12px;}
.cmnu {margin-bottom: 12px;}
.couree h1 {font-size: 30px;}
.couree p {font-size: 18px;}
.zero h1 {text-align: center;}
.with h1 {font-size: 30px;}
.with p {font-size: 18px;}
.ponue {width: 100% !important; margin-bottom: 12px;}
.ponue h1 {
padding-top: 5%;
}
.ffbanner {
    height: 170px;
}

.ffbanner h1 {font-size: 15px;padding: 0px !important;  margin-top: 10%;}
.ffbanner p {font-size: 12px;margin-top: -4px;}
.footer11 p {font-size: 13px;padding: 0px;text-align: center;margin-top: 12px !important;}
.footer11 h1 {font-size: 12px;padding: 0px; text-align: center;margin-bottom: 12px !important;}
.computer {text-align: center;}
i.fa.fa-eyedropper {padding: 0px !important;margin-top: 20%;}
.computer h1 {margin-bottom: 20%;}
.cmmu {margin-bottom: 12px;text-align: center;}
i.fa.fa-cogs {font-size: 35px;padding: 0px !important;margin-top: 20%;}
.aomtit {margin-bottom: 12px;text-align: center;}
i.fa.fa-comments {color: #fff !important;font-size: 35px;padding: 0px !important;margin-top: 20%;}
.cmnu {margin-bottom: 12px;text-align: center;}
i.fa.fa-rocket {color: #fff !important;font-size: 35px;padding: 0px !important;margin-top: 20%;}
.couse h1 {font-size: 12px;margin-top: 15px !important;padding: 0px !important;text-align: center; margin-right: 35%;}
.couse p {font-size: 10px;padding: 0px !important;margin-top: -10px;text-align: center; margin-right: 35%;}
.courseba {height: 73px;}
.jul {text-align: center;}
.web h1 {text-align: center;font-size: 20px;}
.web h2 {text-align: center;}
.web p {text-align: center;}
.aug img {margin-bottom: -10.9%;}
.aug h1 {font-size: 15px;text-align: center;}
.aug h2 {font-size: 12px; text-align: center;}
.aug p {text-align: center;  line-height: 22px;}
.aug h3 {font-size: 15px;}
.aug h3 {
    margin-top: 15px !important;
}
.sep h3 {
    margin-top: 2% !important;
}
.sep1 h3 {
    margin-top: 2% !important;
}
a.view {
margin-top: 0%;
margin-bottom: 5%;
}

}

@media only screen and (min-width : 800px) and (max-width :1000px) {
i.fa.fa-eyedropper {margin-left: 0px !important;}
i.fa.fa-cogs {margin-left: 0px !important;}
i.fa.fa-comments {margin-left: 0px !important;}
i.fa.fa-rocket {margin-left: 0px !important;}
.nright { float: right !important;}
.navcnt {float: right !important;}
.banner h1 {font-size: 15px;text-align: center;margin-top: 4px;}
.banner h2 {font-size: 15px;text-align: center;margin-top: 8px;}
.banner p {font-size: 9px;text-align: center;}
.banner {height: 120px;}
.computer {margin-bottom: 12px;}
.cmmu {margin-bottom: 12px;}
.aomtit {margin-bottom: 12px;}
.cmnu {margin-bottom: 12px;}
.couree h1 {font-size: 30px;}
.couree p {font-size: 18px;}
.zero h1 {text-align: center;}
.with h1 {font-size: 30px;}
.with p {font-size: 18px;}
.ponue {width: 100% !important; margin-bottom: 12px;}
.ponue h1 {
padding-top: 5%;
}
.ffbanner {
    height: 170px;
    margin-bottom: 2%;
}
.ffbanner h1 {
    margin-top: 10%;
}
.sep h3 {
    margin-top: 1.9% !important;
}
.sep1 h3 {
    margin-top: 1.9% !important;
}
.ffbanner p {font-size: 12px;margin-top: -4px;}
.footer11 p {font-size: 13px;padding: 0px;text-align: center;margin-top: 12px !important;}
.footer11 h1 {font-size: 12px;padding: 0px; text-align: center;margin-bottom: 12px !important;}
.couse h1 {font-size: 12px;margin-top: 15px !important;padding: 0px !important;text-align: center;}
.couse p {font-size: 10px;padding: 0px !important;margin-top: -10px;text-align: center;}
.courseba {height: 73px;}
.jul {text-align: center;}
.web h1 {text-align: center;font-size: 20px;}
.web h2 {text-align: center;}
.web p {text-align: center;}
.aug img {
    margin-bottom: -10.8%  !important;
}
.aug h1 {font-size: 15px;text-align: center;}
.aug h2 {font-size: 12px; text-align: center;}
.aug p {text-align: center;   line-height: 22px;}
.aug h3 {font-size: 15px;}
.aug h3 {margin-top: 14px !important;}
a.view {
margin-top: 0%;
margin-bottom: 5%;
}
.footer11 ul {
    margin-top: 0%;
}
}
@media only screen and (min-width : 980px) and (max-width :1200px) {

i.fa.fa-eyedropper {margin-left: 0px !important;}
i.fa.fa-cogs {margin-left: 0px !important;}
i.fa.fa-comments {margin-left: 0px !important;}
i.fa.fa-rocket {margin-left: 0px !important;}
.nright { float: right !important;}
.navcnt {float: right !important;}
.banner h1 {font-size: 15px;text-align: center;margin-top: 4px;}
.banner h2 {font-size: 15px;text-align: center;margin-top: 8px;}
.banner p {font-size: 9px;text-align: center;}
.banner {height: 120px;}
.computer {margin-bottom: 12px;}
.cmmu {margin-bottom: 12px;}
.aomtit {margin-bottom: 12px;}
.cmnu {margin-bottom: 12px;}
.couree h1 {font-size: 30px;}
.couree p {font-size: 18px;}
.zero h1 {text-align: center;}
.with h1 {font-size: 30px;}
.with p {font-size: 18px;}
.ponue h1 {
padding-top: 5%;
}
.ffbanner {
    height: 170px;
    margin-bottom: 2%;
}
.ffbanner h1 {
    margin-top: 7%;
}
.ffbanner p {font-size: 12px;margin-top: -4px;}
.footer11 p {font-size: 13px;padding: 0px;text-align: center;margin-top: 12px !important;}
.footer11 h1 {font-size: 12px;padding: 0px; text-align: center;margin-bottom: 12px !important;}
.couse h1 {font-size: 12px;margin-top: 15px !important;padding: 0px !important;text-align: center;}
.couse p {font-size: 10px;padding: 0px !important;margin-top: -10px;text-align: center;}
.courseba {height: 73px;}
.jul {text-align: center;}
.web h1 {text-align: center;font-size: 20px;}
.web h2 {text-align: center;}
.web p {text-align: center;  line-height: 22px;}
.aug img {
    margin-bottom: -16.7%;
}
.aug h1 {font-size: 15px;text-align: left;}
.aug h2 {font-size: 12px; text-align: left;}
.aug p {text-align: left;  line-height: 22px;}
.aug h3 {font-size: 15px;}
.aug h3 {margin-top: -2px !important;}
.aug p {font-size: 15px;}
.aug h3 {
    margin-top: 14px !important;
}
.sep h3 {
    margin-top: 1.9% !important;
}
.sep1 h3 {
    margin-top: 1.9% !important;
}
a.view {
margin-top: 0%;
margin-bottom: 5%;
}
.footer11 ul {
    margin-top: 0%;
}
}
@media only screen and (min-width : 1000px) and (max-width :1279px) {

.couse h1 {
    font-size: 20px;
    margin-top: 15px !important;
    padding: 0px !important;
    text-align: left;
    margin-left: 5%;
}
.couse p {
    font-size: 14px;
    padding: 0px !important;
    margin-top: -7px;
    text-align: left;
    margin-left: 5%;
}
.web h1 {
    text-align: left !important;
    font-size: 20px !important;
    margin-left: 3% !important;
}
.web h2 {
    text-align: left !important;
    margin-left: 3% !important;
}
.web p {
    text-align: left !important;
    line-height: 22px !important;
    margin-left: 3% !important;
}
.ponue {
margin-right: 11px;
}
i.fa.fa-eyedropper {margin-left: 0px; text-align: center;}
.computer h1 {margin-bottom: 101px !important;}
i.fa.fa-cogs {margin-left: 0px;}
i.fa.fa-comments { margin-left: 0px;}
i.fa.fa-rocket {margin-left: 0px;}
.navcnt {float: right !important;}
.aug h3 {margin-top: -2px !important;}
.aug h3 {margin-top: -2px !important;}
.facebook, .youtube, .twitter, .plus {
    font-size: 14pt !important;
    color: #999;
    margin-right: 3%;
    margin-bottom: 5%;
}
.aug img {
    margin-bottom: -13.3%;
}
.aug p {text-align: left;  line-height: 22px;}
.ponue {
margin-right: 11px;
}

.ffbanner h1 {
    margin-top: -2%;
}
.ffbanner p {
    font-size: 16px;
    margin-top: 0px;
}
a.view {
margin-top: 0%;
margin-bottom: 5%;
}
.ponue h1 {
padding-top: 5%;
}
.footer11 p {
    font-size: 16px;
    text-align: left;
margin-left: 8%;
    }

.footer11 ul {
    margin-top: 0%;
    margin-right: 8%;
}
.footer11 ul li {
    font-size: 12pt;
    padding-right: 4px !important;
}
}
@media only screen and (min-width : 1280px) and (max-width :600px) {
.aug h3 {margin-top: -2px !important;}
.aug img {
    margin-bottom: -13.7% !important;
}
i.fa.fa-eyedropper {
    margin-left: 0px !important;
    text-align: center;
}
i.fa.fa-cogs {
    margin-left: 0px !important;
}
i.fa.fa-comments {
    margin-left: 0px !important;
}
i.fa.fa-rocket {
    margin-left: 0px !important;
}
.ffbanner h1 {
    margin-top: 3% !important;
}
}