/* 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: 1200px) {}

@media (max-width: 1100px) {

}

@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){

	.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{

		margin-top: 150px;



		}

		#header_title h1{

		font-size: 40px;

		}

		#header_title p{

			font-size: 22px;

		}



    

    .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 {

		margin-top:40px;

	}

    .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;

}
}