/* footer social icons */
@media(min-width: 768px) and (max-width: 1200px){
    #footer h4{
        margin-bottom: 20px;
        font-size: 16px;
    }
    .socials1 li {
        width: 24px;
        height: 24px;
    }
    .socials1 li a i {
        font-size: 12px;
        line-height: 24px
    }
    #footer p{
        font-size: 12px;
    }
    #footer .col-sm-4 ul li {
        font-size: 12px;
    }
}
@media(min-width: 800px) and (max-width: 900px){
    .socials1 li {
        width: 20px;
        height: 20px;
    }
    .socials1 li a i {
        font-size: 8px;
        line-height: 20px;
    }
}
@media(min-width: 768px) and (max-width: 799px){
    .socials1 li {
        width: 18px;
        height: 18px;
    }
    .socials1 li a i {
        font-size: 6px;        
        line-height: 18px;
    }
    #footer p{
        font-size: 10px;
    }
    #footer .col-sm-4 ul li {
        font-size: 10px;
    }
}
@media(min-width: 580px) and (max-width: 767px){
    #footer .footer-column1 {
        width: 50%;
        float: left;
    }
    #footer .footer-column2 {
        width: 50%;
        float: left;
    }
    #footer .footer-column3 {
        width: 50%;
        float: left;
        clear: both;
        margin-top: 20px;
    }
    #footer .footer-column4 {
        width: 50%;
        float: left;
        margin-top: 20px;
    }
}
@media(max-width: 579px){
    #footer .footer-column2 h4 , #footer .footer-column3 h4 , #footer .footer-column4 h4 {
        margin-top: 20px;
    }
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media(max-width: 767px){
}

@media(max-width: 680px){
}
@media (min-width: 539px) and (max-width: 767px) {
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 539px) {
}

@media(max-width: 400px){
}