@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){

html{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    
body{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;}
    
.container{
    width:100%;}
    
.container .header1 .left .item:last-child{
    display:none}
    
.container .header1 .right{
    padding-right:0px;}
    
.container .header2{
    height:80px}
    
.container .header2 .logo{
    height:30px;}
    
.container .header2 .menu{
    display:none}
    
#mobile_menu{
    width:300px;
    height:auto;
    float:left;
    background:#eaebec;
    display:none;
    position:absolute;
    top:120px;
    right:0px;
    padding-left:20px;
    padding-right:20px;
    z-index:1500;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    
#mobile_menu .item{
    width:100%;
    height:auto;
    float:left;
    text-align:center;
    padding-top:15px;
    padding-bottom:15px;
    font-family:robotobold;
    font-size:15px;
    text-transform:uppercase;
    text-decoration:none;
    color:#58595B;
    border-bottom:1px solid #D6D8DA;}
    
#mobile_menu .item:first-child{
    padding-top:15px;}
    
#mobile_menu .item:last-child{
    padding-bottom:15px;
    border-bottom:none}
    
.mobile_menu_icons{
    width:35px;
    height:22px;
    float:right;
    display:block !important;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    margin-right:0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-right:20px;}
    
.mobile_menu_icons .item{
    width:35px;
    height:2px;
    float:left;
    background:#58595B;
    display:block;
    margin-top:8px;}
    
.mobile_menu_icons .item:first-child{
    margin-top:0px;}
    
.mobile_menu_icons .item:nth-child(2){
    width:25px;
    margin-left:5px;}
    
.container .header3{
    width:100%;
    height:300px;}
    
.container .header3 #slideshow{
    width:100%;
    height:100%;}
    
.container .header3 #slideshow img{
    width:100%;}
    
.container .content{
    margin-bottom:0px;}
    
.container .content .panel{
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;}
    
.container .content .sidebar{
    width:100%;
    margin-right:0px;
    margin-top:40px}
    
.container .content .panel .search{
    padding-left:10px;
    padding-right:10px;
    -webkit-appearance:none;
    border-radius:0px;}
    
.container .content .panel .search_result_defect .row{
    height:40px;}
    
.container .content .panel .search_result_defect .row .name{
    width:auto;
    height:auto;
    line-height:40px;
    vertical-align:middle;
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;}
    
.container .content .panel .search_result_defect .row .button{
    width:auto;
    padding-left:20px;
    padding-right:20px;
    text-align:center}
    
.container .content .panel .gallery .photo:nth-child(-n+3){
    margin-top:20px;}
    
.container .content .panel .gallery .photo:nth-child(3n){
    margin-right:0px}
    
.container .content .panel .gallery .photo{
    width:calc((100% - 40px) / 3);
    margin-right:20px;
    margin-top:20px;}
    
.container .content .panel .search_result .row{
    width:calc((100% - 20px) / 2);
    height:390px;
    margin-right:20px;
    margin-top:20px;
    position:relative;}
    
.container .content .panel .search_result .row .date{
    position:absolute;
    bottom:0px}
    
.container .content .panel .search_result .row:nth-child(-n+2){
    margin-top:0px}
    
.container .content .panel .form .input{
    padding-left:10px;
    padding-right:10px}
    
.container .content .panel .form .textarea{
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px}
    
.container .content .panel .item1 [href^=tel],
.container .content .panel .item2 [href^=tel]{
    color:inherit;
    text-decoration:none}
    
.container .content .panel .form .input{
    -webkit-appearance:none;
    border-radius:0px;}
    
.container .content .panel .form .textarea{
    -webkit-appearance:none;
    border-radius:0px;}
    
.container .content .panel .form .box .button{
    -webkit-appearance:none;
    border-radius:0px;}
    
.container .header3 .heading1,
.container .content .panel .head1,
.container .content .panel .head2,
.container .content .panel .head4,
.container .content .sidebar .head1,
.container .content .sidebar .head2,
.container .content .panel .search_result .row .head{
    font-weight:normal}
    
.container .content .sidebar .head1{
    margin-bottom:0px;}
    
.container .content .panel .mainphoto{
    margin-bottom:10px;}
    
    
    
    
    
    
    
    
.container .footer2{
    height:auto;}
    
.container .footer2 .item{
    width:calc(100% / 2);
    height:auto;
    margin-top:20px;
    margin-bottom:20px;}
    
.container .footer2 .item img{
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
    margin-top:0px;}
    
.container .footer{
    height:auto;}
    
.container .footer .left{
    width:auto;
    height:auto;
    padding-left:20px;
    text-align:center;
    line-height:unset;
    padding-top:10px;
    padding-bottom:10px;}
    
.container .footer .right{
    width:auto;
    height:auto;
    padding-right:20px;
    text-align:center;
    line-height:unset;
    padding-bottom:10px;
    padding-top:10px;}
    
.error404{
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;}
    
.error404 .header{
    font-size:50px}
    
.error404 .subheader{
    font-size:20px}
    }