/*
* Small devices (landscape phones, 576px and down)
*/
@media (max-width: 576px) {}

/*
* Medium devices (tablets, 768px and down)
*/
@media (max-width: 768px) {}

/*
* Large devices (desktops, 992px and down)
*/
@media (max-width: 992px) {
	/*BODY*/
	body{
		background-position: top;
	}

	/*LOGO*/
	/*.logo{
		width: 100%;
		height: auto;
	}*/

	/*NAVIGASI*/
	/*ul.nav{display: none;}*/
	.header-menu{width: 100%;}

	/*MAP*/
	.map{
		width: 100%;
	    height: auto;
	    /*background-image: url(/assets/images/maps-white.png);
	    background-position: center;
	    background-size: 740px;
	    background-repeat: no-repeat;*/
	    background: none !important;
	    margin: auto;
	    padding-left: 15px;
    	padding-right: 15px;
	    position: relative;
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: space-between;
	    align-items: center;
	}

	.map .amerika-utara,
	.map .amerika-selatan,
	.map .eropa,
	.map .afrika,
	.map .asia,
	.map .australia{
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		text-decoration: none;
	}

	.map .amerika-utara:hover,
	.map .amerika-selatan:hover,
	.map .eropa:hover,
	.map .afrika:hover,
	.map .asia:hover,
	.map .australia:hover{
		background: none !important;
		cursor: pointer;
	}

	#mobileBox{display: flex;}
	#mobileBox .box-image{
		position: relative;
		overflow: hidden;
	}
	.map .amerika-utara #mobileBox .box-image{width: 120px;height: 80px;}
	.map .amerika-utara #mobileBox .box-image img{width: 240px; position: absolute;}

	.map .amerika-selatan #mobileBox .box-image{width: 120px;height: 80px;}
	.map .amerika-selatan #mobileBox .box-image img{width: 270px;position: absolute;top: -69px;left: -5px;}

	.map .eropa #mobileBox .box-image{width: 120px;height: 80px;}
	.map .eropa #mobileBox .box-image img{width: 350px; position: absolute; top: 0; left: -135px;}

	.map .afrika #mobileBox .box-image{width: 120px;height: 80px;}
	.map .afrika #mobileBox .box-image img{width: 280px; position: absolute; top: -52px; left: -90px;}

	.map .asia #mobileBox .box-image{width: 120px;height: 80px;}
	.map .asia #mobileBox .box-image img{width: 230px;position: absolute;top: -5px;right: 5px;}

	.map .australia #mobileBox .box-image{width: 120px;height: 80px;}
	.map .australia #mobileBox .box-image img{width: 450px; position: absolute; bottom: -20px; right: 20px;}
}

/*
* X-Large devices (large desktops, 1200px and down)
*/
@media (max-width: 1200px) {}

/*
* XX-Large devices (larger desktops, 1400px and down)
*/
@media (max-width: 1400px) {}