/* ==========================================================================
Media Queries
 ========================================================================== */
@media screen and (min-width:1200px) and (max-width:1920px) {
#header .header-logo {max-width: 350px; margin-left: -175px;}  

}

@media screen and (min-width:1200px) and (max-width:1365px) {    
/*  Features ============================== */ 
#features-2 .feature-list-2-col-2 > li > .responsive {
width: 80%;
margin: 75px auto;
}      
    
/*  Team ============================== */      
.member-position{height: 50px;bottom: 22px;}
.member-position h3{
font-size: 24px;
}    
.members .member-social-icons li i{
font-size: 28px;
} 
.member-detail h3{
font-size:24px;
padding-top: 10px !important;
padding-bottom: 10px !important;
} 
}


@media (max-width:1199px){
/*  Navigation ============================== */ 
#main-nav .nav a, #main-nav .nav a:active, #main-nav .nav a:hover{
    font-size: 14px;padding: 5px 10px;
}     
/*  Features ============================== */ 
#features-2 .feature-list-2-col-2 > li > .responsive {
width: 80%;
margin: 75px auto;
}   
#features-2 .feature-list-2-col-1 > li h4,#features-2 .feature-list-2-col-3 > li h4{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/*  Team ============================== */   
.member-position{height: 40px;bottom: 22px;}
.member-position h3{
font-size: 20px;
}    
.members .member-social-icons li i{
font-size: 26px;
} 
.member-detail h3{
font-size:24px;
padding-top: 10px !important;
padding-bottom: 10px !important;
}   

} 


@media (max-width:991px){
/*  General ============================== */    
body {font-size: 16px;line-height: 22px;}    
/*  Typography ============================== */     
p {
    font-size:16px;
    line-height: 22px;
}     

/*  About ============================== */    
#about .app-users #user img{
      /* Firefox */
    width: -moz-calc(100% / 10);
    /* WebKit */
    width: -webkit-calc(100% / 10);
    /* Opera */
    width: -o-calc(100% / 10);
    /* Standard */
    width: calc(100% / 10);
    /* Older Browser */
    width:10%;
}

/*  Features ============================== */
#features-2 .feature-list-2-col-1 > li >.icon.left,#features-2 .feature-list-2-col-3 > li >.icon.right{
    width: 70px;
height: 70px;
}
#features-2 .feature-list-2-col-1 > li >.icon>i,#features-2 .feature-list-2-col-3 > li >.icon>i{
    font-size: 26px;
line-height: 63px;
}
  
#features-2 .feature-list-2-col-1 > li >.icon,#features-2 .feature-list-2-col-3 > li >.icon{
    border: 3px solid#fff;
}

#features-2 .feature-list-2-col-1 > li:hover .icon,#features-2 .feature-list-2-col-3 > li:hover .icon{
    border: 3px solid#F1C40F;
}

#features-2 .feature-list-2-col-1 > li h4,#features-2 .feature-list-2-col-3 > li h4{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 18px;
}
#features-2 .feature-list-2-col-1 > li p,#features-2 .feature-list-2-col-3 > li p{
    font-size:16px;
}





/*  Contact ============================== */
#contact-form .form-control{
    font-size:18px;
}

}

@media (max-width:767px){
/*  About ============================== */     
#about .app-users #user img{
    /* Firefox */
    width: -moz-calc(100% / 8);
    /* WebKit */
    width: -webkit-calc(100% / 8);
    /* Opera */
    width: -o-calc(100% / 8);
    /* Standard */
    width: calc(100% / 8);
    /* Older Browser */
    width:12.5%;
}

/*  Clients ============================== */  
#clients .client li{width: calc(100% / 3);} 
#clients .client li:nth-child(1n+7){border-bottom:1px solid#ccc;}
#clients .client li:nth-child(1n+10){border-bottom:none;}
#clients .client li:nth-child(3n+3){border-right: none;}

/*  Border ============================== */  
.border-right{border-right:none;border-bottom:1px solid#ccc;}
.border-left{border-right:none;border-bottom:1px solid#ccc;}




}



@media (max-width:479px){ 
/*  General ============================== */    
body {font-size: 14px;}
/*  Typography ============================== */
h1 {font-size: 32px;line-height: 36px;}
h2 {font-size: 26px;line-height: 30px;}
h3 {font-size: 22px;line-height: 26px;}
h4 {font-size: 18px;line-height: 22px;}
h5 {font-size: 16px;line-height: 20px;}
h5 {font-size: 14px;line-height: 18px;}
p {font-size:14px;}

/*  Header ============================== */
#header .header-logo {max-width: 200px; margin-left: -100px;top: 20px;}   
/*  About ============================== */
#about .app-users #user img{
    /* Firefox */
    width: -moz-calc(100% / 5);
    /* WebKit */
    width: -webkit-calc(100% / 5);
    /* Opera */
    width: -o-calc(100% / 5);
    /* Standard */
    width: calc(100% / 5);
    /* Older Browser */
    width:20%;
}     

/*  Clients ============================== */
#clients .client li{
    /* Firefox */
    width: -moz-calc(100% / 2);
    /* WebKit */
    width: -webkit-calc(100% / 2);
    /* Opera */
    width: -o-calc(100% / 2);
    /* Standard */
    width: calc(100% / 2);
    /* Older Browser */
    width:50%; 
}    
#clients .client li:nth-child(2n+2){border-right: none;}
#clients .client li:nth-child(1n+7){border-bottom:1px solid#ccc;}
#clients .client li:nth-child(2n+1){border-right:1px solid#ccc;}
#clients .client li:nth-child(1n+11){border-bottom:none;}  
    
/*  Download App ============================== */
#download-app .download-button li a i{
    font-size: 22px;
}
#download-app .download-button li a {
    font-size: 16px;
}

/*  Footer ============================== */
.footer .footer-logo{
    max-width: 200px;
    top: 20px;
    margin-left:-100px;
}
/*  Padding ============================== */
.padding-lr-50 {
   padding-left: 15px !important;
   padding-right: 15px !important;
}






}