@media (min-width: 1590px) {
	.form_ajust{
		/*width:50%;*/
		width:66.66666667%;
		margin-left:16.66666666%;
		/*width: calc(50% - 375px);*/
	}
}
/* Ipad */
@media (max-width: 1024px) {
	html{
		font-size: 40% !important;
	}
	.ex-item{
		height: 116px;
		width: 116px;
	}
	.block_cafe{
		line-height: initial;
	}
	.cont{
		width:245px;
		height:468px;
		top:140px;
	}
	.inline{
		font-size: 150% !important;
	}
	.fa{
		font-size:106px;
		font-size:10.6rem;
	}
	/*#container h2{
		font-size: 14pt;
	}*/
	/*.header_title{
		padding-right:30px;
	}
	.header_title h1{
		margin-top: 40px;
		font-size: 28pt;
	}*/
	/*.header_title h2{
		font-size: 30px;
		font-size: 3.0rem;
	}*/
	.header_title{
		margin-left:245px;
		width: calc(100% - 375px);
	}
	body{
		-moz-transition: none !important;
		-webkit-animation: none !important; 
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}
	.logo{
		height:65px;
	}
	.img_logo{
		width: 100px;
	}
	.txt_logo {
		padding-left:5px;
		height:50px;
	}
	@-webkit-keyframes sizefontoff {
		0% {
			font-size: 21px; 
			font-size: 2.1rem; 
			width: 180px;
		}
		100% { 
			font-size: 16px; 
			font-size: 1.6rem; 
			width: 160px;
		}  
	}
	@-webkit-keyframes sizefont {
		0%   { 
			font-size: 16px; 
			font-size: 1.6rem; 
			width: 160px;
			}
	100% { font-size: 21px; 
			font-size: 2.1rem; 
			width: 180px;  
		}
	}
	.logo:hover .txt_logo{
		-webkit-animation: sizefont 1s;
		font-size: 21px; 
		font-size: 2.1rem;
		width: 180px;
	}
	.logo:not(:hover) .txt_logo{
		-webkit-animation: sizefontoff 1s;
		font-size: 16px; 
		font-size: 1.6rem; 
		width: 160px;
	}
	.width_140 {
		min-width: 100px;
	}
	.width_70 {
		min-width: 50px;
	}
	.div_img_cafe{
		height:80px;
		width:80px;
		min-width:80px;
		background-size: 78px auto;
	}
	.div_img_cafe:hover {
		-webkit-transform: none;
		cursor:pointer;
		filter: none;
		-webkit-filter: grayscale(0);
		z-index:777;
	}
}

@media screen and (max-width: 1023px) , screen and (max-height: 530px)  {
	html{
		font-size: 35% !important;
	}
	#container {
		display:none;
	}
	.mob{
		display:none;
	}
	.logo{
		display:none;
	}
	.logo_right{
		display:none;
	}
	.navbar{
		display:inline-block;
	}
	.header_title{
		padding:5px;
		margin-left:0;
		margin-top: 80px;
		width:100%;
	}
	.footer-menu{
		position: relative;
	}
	.but_right{
		margin-right: 10px;
	}
	
	/* NavBAR bootstrap */
	 .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }
        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }
        .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
        }
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            margin: 7.5px 50px 7.5px -15px
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }
        .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
		/* END NavBAR bootstrap */
}
/* Lock screen orientation 
@media (max-width: 1023px) and (orientation: portrait) {
  html {
    /*transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}
End lock*/