/*=================================================
:: Responsive Media Query (less than 1600px)
==================================================*/
@media (max-width: 1600px) {   
} 

 
/*=================================================
:: Responsive Media Query (less than 1280px)
==================================================*/
@media (max-width:1280px) { 
}

/*=================================================
:: Responsive Media Query (less than 1280px)
==================================================*/
@media only screen and (min-device-width: 320px) and (max-device-width: 991px) and (orientation: landscape) {
 .ele-box .mapboxgl-map {
    height: 180px !important;
}
#map {
    display: none;
    }
}


/*=================================================
:: Responsive Media Query (less than 1199px)
==================================================*/
@media only screen and (min-width:992px) { 
    /* .container, .container-md, .container-sm {
        max-width: 992px;
    } */
} 
@media only screen and (max-width: 991px) { 
    header{
        display: block;
    }
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
    .mtb-90 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mtb-100 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .mtb-110 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .mtb-120 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .mtb-130 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .mtb-140 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }
    .mtb-150 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .ptb-90 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .ptb-100 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .ptb-110 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .ptb-120 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .ptb-130 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    .ptb-140 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }
    .ptb-150 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    /* helper classes */
    .grid-1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-4 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-5 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .grid-6 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }  
    
    .ele-leftbar { 
        width: 100%;
        max-width: 320px;
        padding: 20px 0;
    }
    .countries-card {
        width: auto;
    }

    .mob-ele-full-profile{
        display: flex !important;
        margin-bottom: 10px !important;
    }
/*     .ele-right-region-box, */
    .ele-selection .card-title {
        display: none;
    }
    .ele-selection {
        background: transparent;
        padding: 0; 
        margin-bottom: 0;
    }

    .ele-right {
        position: relative;
        background: #fff;
        box-shadow: none;
        width: 100%;
        padding: 20px;
        top: inherit;
        right: 0;
        bottom: 0;
        z-index: 999;
        max-height: 73vh;
        height: auto !important;
        overflow: auto;
	
    }

    .ele-top-right {
    display: inline-block;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 30px !important;
    width: 100%;
}

.ele-box {
    display: inline-block;
    width: 100%;
}



.ele-top-right .close-panel a span {
    display: block !important;
}
    .close-panel {
        position: relative;
        right: 0;
        top: 0;
    margin-bottom: 10px;
    }
    .ele-dropdwon { 
        padding-top: 0 !important;
        width: 100%;
       }
    

    .ele-right-region-box { 
        padding-top: 20px;
    }

    .ele-no {
        height: 80px;
        width: 80px;
        font-size: 22px;
    }
    .ele-text {
        padding-left: 0;
    }
/*     .card-content a{
        display: none;
    } */
    .ele-countries-details {
     /*    display: none; */
        margin-top: 20px;
    }

    /*select + .ele-dropdwon.coun-mobile .select2-container {
        width: auto;
    }
    .ele-dropdwon {
        width: 156px;
    }*/

    .country-name-box .ele-selection-button,
    .region-name-box .ele-selection-button {
        flex: 1;
    } 

 

/*     .ele-dropdwon.coun-mobile .select2-selection {
        border: none; 
    } */
    
/*     .ele-dropdwon.coun-mobile .select2-container--default .select2-selection--single .select2-selection__arrow,
    .ele-top-right .close-panel a span {
        display: none;
    } */

    .mapboxgl-map {
        height: 420px !important;
    }
	
    #map {
        display: none;
        }
.ele-dropdwon .select2-container .select2-selection--single .select2-selection__rendered img.img-flag {
     width: 28px;
    height: 20px;
}

.flag .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    margin-top: 3px;
}

.ele-dropdwon .select2-container--default .select2-selection--single

{
font-size: 16px;
}

.m-mobile-view{
	display: block !important;
    padding: 20px
}

.mapboxgl-map { 
    overflow: inherit !important;
    position: inherit !important;
}
.mapboxgl-ctrl-top-right {
    right: inherit !important;
    top: -66px !important;
    z-index: 99999 !important;
    left: 18px !important;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
 
    display: flex !important;
}
.m-back-to-globe

{
    display: none;
}


.m-search-globe
    
    {
        display: none;

}

}

/*=================================================
:: Responsive Media Query (less than 767px)
==================================================*/
@media only screen and (max-width: 767px) {
    .mtb-90 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .mtb-100 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mtb-110 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }
    .mtb-120 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .mtb-130 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }
    .mtb-140 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .mtb-150 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }
    .ptb-90 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .ptb-100 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .ptb-110 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .ptb-120 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .ptb-130 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .ptb-140 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .ptb-150 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    /* helper classes */
    .grid-2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-4 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-5 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .grid-6 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }   

    .card-image {
        width: 110px; 
    }
    .ele-leftbar {
        padding: 20px;
        max-width: 100%;
    }
}

/*=================================================
:: Responsive Media Query (less than 575px)
==================================================*/
@media (max-width:575px) {   

} 

/*=================================================
:: Responsive Media Query (less than 320px)
==================================================*/
@media (max-width:320px) {
}