/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31/08/2015, 10:18:35
    Author     : david
*/


@media screen 
and (max-width : 1220px) {
    
    .gallery-box{
        width:45%;
        margin-left:5%;
    }
    
    .gallery-item{
        width: 22%;
        margin-left: 4%;
    }
}


@media screen 
and (max-width : 1020px) {
    #fixed-nav{
        display:block;
    }
    .header-left{display:none;}
    header{
        height:48px;
        padding-top:0;
        margin-bottom:10px;
    }
    
    .homepage-banners{
        padding:10px 10px;
    }
    
    .header-left-mobile{
        display:block;
        padding-right: 15px;
        padding-left: 15px;
        margin:0 auto;
    }
    .cards-right-ab{
        display:none;
    }
    .phone-left-ab{
        display:none;
    }
    
    .mouse-left-ab{display:none;}
    .coffie-right-ab{display:none;}
    .cards-left-ab{display:none;}
    .homepage-main-content{padding-top:0;margin-top:20px;}
    .mobile-banner{
        height:53vh !important;
        overflow: hidden;
    }
    .mobile-banner2{
        height:183px !important;
    }
    .homepage-first-box{
        max-width:none;
    }
    
    
    .homepage-second-box{
        max-width:none;
    }
    
    .width-36{
        width:36%;
    }
    .width-63{
        width:60%
    }
    
    .width-36 input[type="text"], input[type="email"]{
        width:100%;
    }
    
    .width-36 input[type="submit"]{
        width:100%;
    }
    
    .width-36 textarea{
        width:100%;
    }
    
    .banner-social{
        display:none;
    }
    
    .homepage-banners{
        height:auto !important;
    }
    .banners{
        height:45vh;
    }
    .banners .home-banner{
        height:45vh;
        
    }
    .facebook-a{
        display:none;
    }
    
    .form-width-50{width:100%;}
    
    .social{
        width: 100%;
        text-align: center;
        float:none;
    }
    
    .ftr_text{
        width:100%;
        text-align:center;
        float:none;
    }
    .credit{
        float:none;
        text-align:center;
    }
    
    .su-box{
        min-height:240px;
        border-left:0;border-right:0;
        border-top:1px solid #c4c4c4;
        border-bottom:1px solid #ffffff;
        padding-top:20px;
        padding-right:0 !important;
        padding-bottom:20px;
    }
    

    .su-box:first-child{border-top:none;}
    .su-box:last-child{border-bottom:none;}
    
    
    
    .home-ad{
        float:none;
        margin:30px auto;
    }
    .home-ad:last-child{
        margin:30px auto;
    }
    .width-1020-ads{width:90%;}
    
    .homepage-main-content{
		
    }
    
    .homepage-news-box{
        float:none;
        margin:0 auto;
    }
    
    .homepage-events-box{
        float:none;
        margin:0 auto;
    }
    
    .news-title{
        padding-right:0;
    }
    .news_body{
        padding-right:10px;
    }
    
    .homepage-lower-buttons{
        margin-bottom:50px;
    }
    
    .homepage-lower-button{
        float:none;
        margin:0 auto;
        margin-top:20px;
        
    }
    
    .homepage-lower-button:last-child{
        margin:0 auto;
        margin-top:20px;
    }
    
    .lower-ban-image{
        display:none;
    }
    
    .lower-ban-text{
        width:100%;
        float:none;
    }
    
    .home-lower-bann{
        position: initial;
        display:block;
    }
    
    .homepage-lower-banner{
        padding-top:30px;
    }
    
    .homepage-lower-button{
        width:280px;
        height:auto;
        min-height: 110px;
        margin-bottom:30px;
    }
    
    .homepage-lower-button img{
        max-width:100%;
    }
    
    .event-head{
        float:none;
    }
    
    .inner-banner{
        height:160px;
    }
    
    .article-right{
        width:38%;margin-left:2%;
    }
    
    .article-left{
        width:60%;
    }
    
    .gallery-item{
        width: 32%;
        margin-left: 2%;
        margin-bottom:2%;
    }
    
    .gallery-item:nth-child(4n){
        margin-left:2%;
    }
    
    .gallery-item:nth-child(3n){
        margin-left:0%;
    }
    
    .event-category-box{
        max-width:510px;
        float:none;
        margin:0 auto;
        margin-bottom:20px;
    }
    
    .event-category-box-right{
        width:100%;
    }
    
    .event-category-box-left{
        width:100%;
        margin-bottom:20px;
    }
    
    .event-main-page-left{
        width:100%;
    }
    
    .event-main-page-right{
        width:100%;
    }
    
    .event-main-page-left-image-holder{width:90%;float:none;margin:20px auto;}
    .event-main-page-left-text{width:90%;float:none;margin:20px auto;}
    .event-left-buttons{width:90%;float:none;margin:10px auto;}
    
    .tab{
        position: relative;
        width:100%;
    }
    
    .tab-head{
        margin-right:0 !important;
        width:100%;
    }
    .event-tabs-bg{display:none;}
    .group-visible-left{
        width:100%;
    }
    
    .group-visible-right{
        width:100%;
    }
    .group-visible-left-row-three{
        max-width:270px;
    }
    .group-holder{
    }
    
    .group-visible-right-image{width:100%;text-align:center;}
    .sailer-row{width:90%;margin-top:10px;}
    
    .user-group-right{
        width:100%;
        padding-bottom:20px;
        margin-bottom: 20px;
    }
    
    .user-group-left{
        width:100%;
    }
    
    .user-group-text{
        width:90%;
    }
    
    .goto-event-link{
        left:5px;
    }
}

@media screen 
and (max-width : 600px) {
	iframe{
		width:auto !important;
		height:250px !important;
		width:100% !important;
	}
	.homepage-main-content{
		margin-top: 10px !important;
    }
    .home-ad{
        float:none;
        margin:30px auto;
    }
    .width-36{
        width:100%;
        padding-bottom:10px;
    }
    .width-63{
        padding-top:10px;
        width:100%;
       border-top:1px solid #fff;
        display:none;
    }
    .width-63 ul{
        width:100%;
        margin-bottom:10px;
    }
    
    .homepage-middle-box{
        width:300px;
        height:281px;
        background-size:100% 100%;
    }
    
    .homepage-middle-youtube-holder{
        height:150px;
    }
    
    .homepage-main-content {
    }
    
    .homepage-news-box{
        width:290px;
    }
    
    .homepage-events-box{
        width:280px;
    }
    
    .article-right{
        width:100%;
    }
    
    .article-left{
        width:100%;
    }
    
    .article-cat{
        padding-bottom: 15px;
    }
    
    .gallery-box{
        width:100%;
        margin-left:0%;
    }
    
    .gallery-item{
        width: 48%;
        margin-left: 4%;
        margin-bottom: 4%;
    }
    
    .gallery-item:nth-child(4n){
        margin-left:4%;
    }
    
    .gallery-item:nth-child(3n){
        margin-left:4%;
    }
    
    .gallery-item:nth-child(2n){
        margin-left:0%;
    }
    
    .button-left-event{
        width:80%;
        margin:0 auto;
        float:none;
    }
    
    .button-right-event{
        width:80%;
        margin:0 auto;
        float:none;
    }
    
    .button-left-event{
        margin-bottom:20px;
    }
    
    .group-text{
        width:85%;
    }
    
    .group-image{
        display:none;
    }
    
    .group-text .top-row .sep{display:none;}
    .group-text .top-row .vesel_name{width:100%;font-size:16px;}
    .group-text .top-row .group_name{width:100%;font-size:16px;}
    .group-text .bottom-row{font-size:12px;}
    .group-text .bottom-row{display:none;}
    
}