@media screen and (min-width: 481px) {
	.desctop{
		width: 480px !important;
	    position: relative;
	    display: block;
	    height: calc(100vh - 160px);
	    z-index: 999;
        border: 4px solid #172e33;
	    right: 0;
	    top: 0;
	    float: left;
	    margin-top: -55px;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    margin-right: calc(100vw - 480px);
	}
	.leaflet-left .leaflet-control{
	    margin-right: 10px;
    	margin-left: auto;
	}
	.leaflet-left{
		right: 0;
		left: auto !important;
	}
	.gallery{
	    position: absolute;
    	width: 100%;
	}
	.header{
	    width: 472px;
        top: 4px;
    	left: 4px;
	}
	#map{
        position: fixed !important;
	    top: 0;
	    right: 0;
	    width: calc(100vw - 480px) !important;
	    height: 100vh !important;
	}
	footer{
        width: 472px !important;
	    bottom: 164px;
	    left: 4px;    	
	    right: auto;
	}
footer .navbar.navbar-default.slide-tab{
		position:relative;
	}
	.breakscroll li{
		float: none;
	}
	.route-inner{
	    top: 50%;
	    overflow: scroll;
	    width: 100%;
	}
	.route-inner .single-site{
		width: 100%;
	}
	.navbar.slide-tab .navbar-nav{
		float: right;
	}
	.menu{
		height: calc(100vh - 160px);
	}
	.imformation{
		width: 100%;
	}
	.create-route{
		margin-top: 55px;
	}
	.single-site{
		width: 100%;
	}
	.logo-route{
	    position: absolute;
	    right: 0;
	    left: 0;
		width: 115px;
	    margin: auto;
	    display: block;
	    height: auto;
	}
	.banner_img{
		/*float: left;*/
	width: 480px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
	}
	.logo_desctop{
	    
	}
	.modal{
		overflow-y: hidden;
	}
	.main{
	    padding-top: 55px;
    	display: block;
	}
}