/* CSS Document */

@media (max-device-width: 480px) and (orientation: landscape) {}
@media screen and (-webkit-min-device-pixel-ratio: 0) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {}

@media (min-width: 1201px) {}

@media (max-width: 1200px) {
	#nav_head{display:none}
	#nav{margin-top:-1px;}
}

@media (max-width: 1200px) {
	nav ul{display: none;} 
} 



@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 1052px) {}
@media (max-width: 767px) {
	.portfolio-filter > li{
		margin-left:5px;
    }
}

@media screen and (max-width: 480px){
	
	.user_ref {
		margin-top: 40px;
		position: relative;
		top:0; 
		left: 0; 
		transform: translate(0%, 0%); 
	}
	
	
	.car_box {maring: 0px 0px 30px 0px;	}
	.car_box_desc p {
		height: 85px;
		overflow: hidden;
	}
	.car_box_title h3 {
		font-size: 18px;
		height: 85px;
	}
	
	
	
	#nav_logo img {max-height: 50px;}
	#nav {height: 50px;margin-top:-1px;}
	#nav_head{display:none;}

	.wrapper_head {padding-top: 20px;}
	.modal-body {
    	padding: 15px 15px;
	}
	.user_info p {
		padding-left: 5px;
		margin: 5px;
		float: left;
		font-size: 12px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.user_info a {
		padding-left: 30px;
		float: left;
		margin-top: 8px;
		color: #777;
		font-size: 14px;
	}
	#window_wrapper p{font-size:14px;}

	.wrapper_head p {font-size:18px;}
	.contact_content p {font-size:14px;	}
	.owl-theme .owl-controls {margin-left:0px;}
	.contact_box {margin-top:0px;	}

	.nav_head_right {margin-right:-10px;	}

	.user_ref_header h4 {
		font-size:30px;
		padding: 5px 0px;
	}

	.wrapper_content img {padding: 10px 0px;}

	.text_logo {margin-top: 3px;	}

	.wrapper_head h4 {font-size:30px;	}

	#header_title h1{font-size: 34px;}
	#header_title p{font-size: 16px;}
    .teljesalak {width: 250px; }

    #resz14, #resz2 {margin-bottom:0;}

    .slide_cont {padding-top:100px;}
    .slide_cont h1 {
		font-size:28px;
		color:#fff; 
	}

    .slide_cont h2 {

        font-size:18px;

		color:#fff;

        padding: 10px 0px;

    }

    .slide_cont a {

        font-size:16px;

        padding: 5px;

    }

    .slide_cont a i {

        font-size:14px;

    }

    .wrapper_head h3{

        font-size:22px;

        padding-top:10px;

        padding-bottom: 5px;

        margin:10px;

    }

    .wrapper_content h4 {
        text-align: left;
        font-size: 20px;
    }

    

    

    .wrapper_content ul li {

		font-size: 14px;

		font-size: 18px;

		padding: 5px 0px;
		text-align: left;
	}

    

    .contact_logo img {

    width: 100%;

    margin-left: 0%; 

    }

	.contact_kapcsolat{

		width:100%;

        max-width: 100%;

		}

    .contact_kapcsolat img {

		width: 80%;

		margin-left: 10%;

    }

    .contact_content_kapcsolat {

        width:100%;

    }

	.portfolio-filter > li{

		margin-left:0px;

		width:100%;

		}

		.portfolio-filter > li a{

			width:100%;

			margin-bottom:5px;

			}

		.galery1-section {padding:0;}

		

		.portfolio_header{display:none}

	.info_body a {

		margin-left:30px;

		}

		

	.slideshow_img_1{

		width: 100%;

		height: 100%;

		background-image: url(../img/bg/7.jpg);

		background-position: center;

		background-repeat: no-repeat;

		background-size: cover;

        padding: 40px 0px;

	}

	.slideshow_img_2{

		width: 100%;

		height:100%;

		background-image: url(../img/bg/mobil_bg_4.jpg);

		background-position: center;

		background-repeat: no-repeat;

		background-size: cover;

        padding: 40px 0px;

	}

	.slideshow_img_3 {

		width: 100%;

		height:100%;

		background-image: url(../img/bg/mobil_bg_1.jpg);

		background-position: center;

		background-repeat: no-repeat;

		background-size: cover;

        padding: 40px 0px;

	}

	.slideshow_img_4 {

		width: 100%;

		height:100%;

		background-image: url(../img/bg/mobil_bg_3.jpg);

		background-position: center;

		background-repeat: no-repeat;

		background-size: cover;

        padding: 40px 0px;

    }

		.slideshow_img_5 {

		width: 100%;

		height:100%;

		background-image: url(../img/bg/mobil_bg_2.jpg);

		background-position: center;

		background-repeat: no-repeat;

		background-size: cover;

            padding: 40px 0px;

			}

.slideshow_img_10 {

    background-image: url(../img/bg/1.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

} 

.slideshow_img_50 {

    width: 100%;

    height: 500px;

    background-image: url(../img/bg/3.jpg);

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

}

    

        #resz4, #resz7, #resz10, #resz12 {

            margin-top: 10px;

            margin-bottom: 10px;

        }


    .user_ref_content{padding-left:0px;}

    .timi_contact{

        margin-top:0px;

        padding: 20px 0px;

    }

    .timi_content p {

        font-size:18px;

    }
    .contact_img{

        width:100%;

    }

    .contact_img img{

        width: 60%;

    }

    .contact h3 {

        font-size: 14px;

    }

    .contact h4 {

        font-size:13px;

    }

    .timi_content{

        width:100%;

    }

    #owl-demo_3{

        margin-top:0px;

    }

    .user_ref_header {

        margin-top:0px;

    }

    .contact_content {

        padding: 0;

    }

    .social_icon {

        width: 25%;

        

    }

    .social_icon a {

        font-size:40px;

    }

    .social_word {

        width:75%;

        

        }

        .social_word p {



            }

            .social_word p i{

                font-size:14px;

            }

    .contact_kapcsolat{

        width:100%;

        margin-left:0%;

    }

    .wrapper_content p {

        font-size:16px;

    }

    .contact_content_kapcsolat p {

        font-size: 22px;

    }

    .contact_content_kapcsolat p a {

        font-size:18px;

    }

    .szolg_box_content p {height: 60px;}

    .social_icon a {}

    .info_body {

        height: 50px;

    }

    .info_body p {

        padding: 0;

        margin:5px 0px;

        padding-left:30px;

        

    }

    .info_body a {

        padding: 0;

        margin:0px ;

        padding-left:30px;

    }

	.parallax_logo{

		max-width:250px;

	}

	.wrapper_content {

		padding:30px 0px;

	}

	.social_word p i a{

		font-size:13px;

	}
.btn_1 {

    font-size: 14px;

}

	.wrapper {
		margin-bottom:0px;
		padding-bottom:0px;
	}

}



@media screen and (max-width: 360px){
	
.contact_content_kapcsolat p a {
    font-size: 14px;
}




}