/* @Author: Enterprise Development
   @URL: http://ed.com.eg/

     This file contains the styling for all screens like mobile and tablets , this
     is the file you need to edit the theme responsive in all screen sizes 

     the screen sizes are outlined below.


     1.  min-width:1200px
     2.  max-width:1024px
     3.  max-width:992px
     4.  max-width:575px
     5.  (min-width:992px) and (max-width:1200px)
     6.  min-width:1024px
     7.  min-width:768px
     8.  (min-width:767px) and (max-width:993px)
     9.  max-width:767px 
     10. max-width:767px
     11. (min-width:667px) and (max-width:800px)
     12. (min-width:737px) and (max-width:1024px)
     13. (min-width:769px) and (max-width:1024px)
     14. (min-width:768px) and (max-width:1024px)
     15. (min-width:768px) and (max-width:992px) 
     16. (min-width:425px) and (max-width:768px)
     17. (max-width:768px)
     18. (max-width:425px)
     19. (max-width:736px)
     20. (max-width:480px)
     21. (max-width:991px)
     22. (max-width:320px)   
     23. (min-width:768px) and (max-width:1169px)   
     24. (width:768px)
     25. (max-width:375px)
     26. (min-width:375px) and (max-width:768px)

     
*/


@media (max-width:1024px){
.navbar-brand {
    padding-right: 0 !important;
}
.px-6 {
    padding: 0 1rem;
}
}
@media (max-width:767px) {
.btco-hover-menu .collapse ul ul {
    background: #2c3e4f;
}
.btco-hover-menu a, .navbar > li > a { 
    color: #fff; 
}
.icons-header-mobile{
    display: none;
    /* position: absolute;
    right: 18%;
    top: 21px; */
}
.fables-light-background-color .navbar-toggler span{
    color: #2C3E4F !important;
}
.fables-light-background-color .navbar-toggler{
    border-color: #2C3E4F !important;
}
}
@media (min-width:737px) and (max-width:1024px) {
.range-slider { 
    padding-top: 1.5em; 
}
}
@media (min-width:768px) and (max-width:1024px){
.fables-nav .nav-link { 
    font-size: 14px; 
    padding: 10px 9px !important;
}
.fables-sqr-nav { 
    padding: 0 8%;
}


}
@media (min-width:768px) and (max-width:992px) {

.fables-nav .nav-link {
    font-size: 13px;
    padding: 10px 8px !important;
}
    
}
@media (max-width:768px) {
    .btn {
        max-width: 300px;
    }
.fables-testimonial-block {
    padding: 20px;
}
.fables-testimonial-block:after { 
    right: 10px;
    top: 5px; 
    font-size: 18px;
}
.team-name {
    font-size: 15px;
}
.fables-team-block .card-body{
    padding: .6rem;
}
.fables-nav .nav-link {
    font-size: 13px;
    padding: 10px 3px !important;
    margin: 0 4px 0 0;
}
.fables-logo {
    width: 80px;
}
.smaller-head-text{
    font-size: 17px;
}
.translate-effect-right img { 
    width: 100% !important;
    transition: opacity .35s,transform .45s;
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
}
.fables-lus-icon { 
    height: 106%; 
    line-height: 24px;
    font-size: 15px;
}
.fables-sqr-nav {
    padding: 0;
    margin: 0;
}
.font-30 {
    font-size: 30px;
}
.fables-team-data-hover .card-body{
    padding-top: 20%;
    opacity: 1;
    top: 0;
}
.fables-team-data-hover .card-body { 
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); 
}

.card-header .font-18 {
    font-size: 15px;
}
.fables-page-title {
    margin-top: 0;
    font-size: 1.3em;
    margin-bottom: 0;
}
.navbar-toggler {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-right: 15px;
    margin-right: 0;
    margin-right: 0;
    padding: 7px 9px;
}
.navbar-toggler:focus{
    outline: 0;
}
}
@media (max-width:425px){
.copyright { 
    padding-top: 10px;
    margin-top: 10px;
}
.fables-footer-social-links { 
    margin-bottom: 22px;
}
.fables-testimonial-block{
    padding: 25px;
}
.p-6 {
    padding: 1rem;
}
.px-6 {
    padding: 0 1rem;
}
.h1, h1 {
    font-size: 2rem;
}
}