/*====================================
        GOOGLE MAP
=====================================*/

.map-section{

    padding:100px 0;

    background:#fff;

}

.map-section .container{

    max-width:1200px;

    margin:auto;

    padding:0 20px;

}

.map-box{

    margin-top:50px;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 18px 45px rgba(0,0,0,.12);

    border:5px solid #fff;

}

.map-box iframe{

    width:100%;

    height:500px;

    border:0;

    display:block;

}

/*=========================
      Tablet
=========================*/

@media(max-width:992px){

.map-box iframe{

    height:420px;

}

}

/*=========================
      Mobile
=========================*/

@media(max-width:768px){

.map-section{

    padding:70px 0;

}

.map-section .container{

    padding:0 15px;

}

.map-box{

    border-radius:18px;

}

.map-box iframe{

    height:320px;

}

}

/*=========================
     Small Mobile
=========================*/

@media(max-width:480px){

.map-box iframe{

    height:260px;

}

}