@media (max-width:1600px){    

}
@media (max-width:1423px){
    *{
        font-size: 14px ;
    }
}
@media (max-width:1150px){
    .content .cards{  
        grid-template-columns: repeat(2,1fr);
    }
    .header{
        width: 50%;    
    }
    .galery_div{
        grid-template-columns: repeat(4,1fr);
    }
}
@media (max-width:1050px){
    .footer .footer_cards{
        grid-template-columns: repeat(3,1fr);
    }
    .galery_div{
        grid-template-columns: repeat(3,1fr);
    }   
}
@media (max-width:870px){   
    .menu{
        display: none;
    }  
    .toggleMenuDiv{
        display: block;
    }
    nav .logo{
        width: 60%;
    }    
    .footer .footer_cards{
        grid-template-columns: repeat(2,1fr);
    }
    .content .contact_cards .contact_card{    
        grid-template-columns: repeat(1,1fr);
    }
}
@media (max-width:765px){
    .content .cards{  
        grid-template-columns: repeat(1,1fr);
    }
    .header{
        width: 70%;    
    }
    .galery_div{
        grid-template-columns: repeat(2,1fr);
    }
    .info_card_div{    
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width:530px){
    .footer .footer_cards{
        grid-template-columns: repeat(1,1fr);
    }
}
@media (max-width:504px){
    *{
        font-size: 12px ;
    }
    .galery_div{
        grid-template-columns: repeat(1,1fr);
    }
}
@media (max-width:440px){
    *{
        font-size: 11px ;
    }
    .contact_bar{
        padding-right: 20px;   
    }
    .content .contact_cards .contact_card .contact_location iframe{
        width: 300px;
        height: 300px;
    }
}
@media (max-width:412px){
    *{
        font-size: 10px ;
    }  
    .contact_bar{
        padding-right: 0px;   
    }
    .content .cards .card{
        width: 250px;
        height: 300px;
    }
    .card_image{
        height: 150px;
        width: 250px;
    }   
    .swipper-navBtn{
        display: none !important;
    }   
    .slide_content{
        padding: 0;
        margin:0;
    }
}
@media (max-width:360px){
    *{
        font-size: 10px ;
    }  
    .contact_bar{
        padding-right: 0px;   
    }
    .contact_bar a img{
        width: 20px;
        height: 20px;
        margin-right:10px;
     }
    .header{
        width: 80%;    
    }
    .content .cards{  
        grid-template-columns: repeat(1,1fr);
        width: 99%;
        grid-gap: 30px;
    }

}
@media (max-width:309px){
    *{
        font-size: 8px ;
    }  
    .contact_bar a img{
        width: 20px;
        height: 20px;
        margin-right:5px;
     }   
     .content .contact_cards .contact_card .contact_location iframe{
        width: 200px;
        height: 200px;
    }
}