﻿.cl{clear:both;}
.footer{ border-top:7px solid #eee; margin-top:40px;}
.footer h2{   color: #555;font-size: 17px; font-weight: 700;margin: 0;padding-bottom: 17px;text-transform: uppercase;}
.footer ul{list-style:none; margin:0; padding:0;}

.topSection{ margin-top:35px;   border-bottom: 1px solid #ddd;
             margin-bottom: 20px;
             padding-bottom: 20px; }
.intSec{}
.intSec ul li{ width:123px; float:left; line-height:26px;}
.intSec ul li a{color: #444;font-size: 13px;font-weight: 400;text-decoration: none; font-family:"Open Sans";}

.mediaSec{}
.mediaSec ul li{ width:179px; float:left; line-height:26px;}
.mediaSec ul li a{color: #444;font-size: 13px;font-weight: 400;text-decoration: none; font-family:"Open Sans";}
.borderLft{ border-left:1px solid #ddd; padding-left:30px;}


.midSection{ margin-top:10px; padding-bottom:10px;}
.followUs ul{margin-top:6px;}
.followUs ul li{ float:left; display:inline-block; margin-right:22px;}
.followUs ul li:last-child{ margin-right:0;}
.followUs ul li a img{ width:44px; height:43px;}

.subsNews{padding-left:30px;}
.subsNews .emailForm{margin-top:6px;}
.subsNews .emailForm input.email{ width:66%;border-radius:0;  font-size:13px;  color:#777; padding-left:15px;  padding-top:10px; padding-bottom:10px; border-bottom:1px solid #dddddd;  border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:none; }
.subsNews .emailForm input.signUp{width:28%; background:#00a2db; margin-left:-3px; border-radius:0; color:#fff; border:1px solid #00a2db; padding-top:10px; padding-bottom:10px; font-size:13px; font-weight:700;}


.aboutSec {border-top: 1px solid #ddd;margin-top: 15px;padding-top: 17px;}

.aboutSec ul li {float: left;line-height: 25px;margin-right: 25px;}
.aboutSec ul li a {color: #444;font-size: 13px;font-weight: 400;text-decoration: none;}
.copySec{margin-top:10px; margin-bottom:20px;}
.copySec span { color: #999;font-size: 13px;font-weight: 400;margin-right: 8px;text-decoration: none;}
.copySec a {color: #444;font-size: 13px;font-weight: 400;text-decoration: none;}
p.fotHeading{
    color: #555;
    font-size: 17px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 17px;
    text-transform: uppercase;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 750px) {
    .subsNews{padding-left:15px;}
    .subsNews h2{border-top:1px solid #ccc; margin-top:20px; padding-top:30px;}
    .subscribe p.fotHeading{border-top:1px solid #ccc; margin-top:20px; padding-top:30px;}
    .footer h2{ text-align:center;}
    .footerBg{ background:#eee;}
    .followUs ul li a img{ width:45px; height:44px;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .borderLft{ border-left:0; padding-left:15px;}
    .mediaSec h2{border-top:1px solid #ccc; margin-top:20px; padding-top:30px;}
    .subsNews{padding-left:15px;}
    .subsNews h2{border-top:1px solid #ccc; margin-top:20px; padding-top:30px;}
    .subscribe p.fotHeading{border-top:1px solid #ccc; margin-top:20px; padding-top:30px;}
    .mediaSec  p.fotHeading{border-top:1px solid #ccc; margin-top:20px; padding-top:30px;}
    .footerBg{ background:#eee;}
    .followUs ul li a img{ width:55px; height:54px;}


}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}