body {
	overflow-x: hidden;
}

/* .grid960																					960 - 1239
====================================================================================================== */
@media only screen and (min-width: 960px){
	body.grid960 							{ min-width:0;}
	.grid960 #Wrapper 						{ width: 960px; }
	
	.grid960 .section_wrapper,
	.grid960 .container,
	.grid960.with_aside .content_wrapper	{ width: 940px; }
	.grid960.with_aside .section_wrapper	{ width: 100%; }
	
	/* ======================================================= */
	
	/* Menu */
	.grid960 #Header .menu > li > a { letter-spacing: 0; padding: 0 20px; }
	.grid960 #Header .menu > li > ul.mfn-megamenu { width: 921px !important;}
	
	/* Offer */
	.grid960 .offer .offer_wrapper .owl-item .image .image_wrapper { padding: 0 39px 59px }
	
	/* Error 404 */
	.grid960 #Error_404 .error_pic i { font-size: 260px; line-height: 260px; }
	.grid960 #Error_404 .error_desk { padding-top: 45px; }
	
	/* Blog */
	.grid960 .post .post_meta > div { padding: 10px 0; }
	.grid960 .post .post_meta > div i { margin-bottom: 5px; }
	
	.grid960 .recent-works { margin-left:-10px; width:960px;}
	
	
}

/* #Desktop 																				960 - 1239
====================================================================================================== */


@media only screen and (min-width: 3300px) 
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0  98px;    font-size: 23px;  }
	#Header #logo img { vertical-align: middle; padding-left: 118px; }
}


@media only screen and (min-width: 3250px)  and (max-width: 3300px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0  96px;    font-size: 23px;  }
	#Header #logo img { vertical-align: middle; padding-left: 110px; }
}


@media only screen and (min-width: 3200px) and (max-width: 3250px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0  93px;    font-size: 23px;  }
	#Header #logo img { vertical-align: middle; padding-left: 105px; }
}

@media only screen and (min-width: 3150px) and (max-width: 3200px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 96px;    font-size: 21px;  }
	#Header #logo img { vertical-align: middle; padding-left: 100px; }
}



@media only screen and (min-width: 3100px)  and (max-width: 3150px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 92px;    font-size: 21px;  }
	#Header #logo img { vertical-align: middle; padding-left: 99px; }
}


@media only screen and (min-width: 3050px) and (max-width: 3100px)
{
	
	#Header .menu > li > a { letter-spacing: 0;  padding: 0 90px;    font-size: 21px;  }
	#Header #logo img { vertical-align: middle; padding-left: 95px; }
}

@media only screen and (min-width: 3000px) and (max-width: 3050px)
{
	
	#Header .menu > li > a { letter-spacing: 0;  padding: 0 90px;    font-size: 21px;  }
	#Header #logo img { vertical-align: middle; padding-left: 95px; }
}


@media only screen and (min-width: 2950px) and (max-width: 3000px)
{
	
	#Header .menu > li > a { letter-spacing: 0;  padding: 0 87px;    font-size: 21px;  }
	#Header #logo img { vertical-align: middle; padding-left: 92px; }
}

@media only screen and (min-width: 2900px) and (max-width: 2950px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 85px;    font-size: 21px;  }
	#Header #logo img { vertical-align: middle; padding-left: 92px; }
}


@media only screen and (min-width: 2850px) and (max-width: 2900px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 88px;    font-size: 19px;  }
	#Header #logo img { vertical-align: middle; padding-left: 92px; }
}

@media only screen and (min-width: 2800px) and (max-width: 2850px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 85px;    font-size: 19px;  }
	#Header #logo img { vertical-align: middle; padding-left: 86px; }
}


@media only screen and (min-width: 2750px) and (max-width: 2800px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 82px;    font-size: 19px;  }
	#Header #logo img { vertical-align: middle; padding-left: 86px; }
}

@media only screen and (min-width: 2700px) and (max-width: 2750px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 79px;    font-size: 19px;  }
	#Header #logo img { vertical-align: middle; padding-left: 82px; }
}


@media only screen and (min-width: 2650px) and (max-width: 2700px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 76px;    font-size: 19px;  }
	#Header #logo img { vertical-align: middle; padding-left: 76px; }
}

@media only screen and (min-width: 2600px) and (max-width: 2650px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 73px;    font-size: 19px;  }
	#Header #logo img { vertical-align: middle; padding-left: 74px; }
}


@media only screen and (min-width: 2550px) and (max-width: 2600px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 70px;    font-size: 19px;  }
	#Header #logo img { vertical-align: middle; padding-left: 72px; }
}

@media only screen and (min-width: 2500px) and (max-width: 2550px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 70px;    font-size: 19px;  }
	#Header #logo img { vertical-align: middle; padding-left: 72px; }
}


@media only screen and (min-width: 2450px) and (max-width: 2500px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 73px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 72px; }
}

@media only screen and (min-width: 2400px) and (max-width: 2450px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 70px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 66px; }
}


@media only screen and (min-width: 2350px) and (max-width: 2400px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 68px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 66px; }
}

@media only screen and (min-width: 2300px) and (max-width: 2350px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 65px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 60px; }
}


@media only screen and (min-width: 2250px) and (max-width: 2300px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 62px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 60px; }
}

@media only screen and (min-width: 2200px) and (max-width: 2250px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 60px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 54px; }
}


@media only screen and (min-width: 2150px) and (max-width: 2200px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 57px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 50px; }
}

@media only screen and (min-width: 2100px) and (max-width: 2150px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 55px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 50px; }
}


@media only screen and (min-width: 2050px) and (max-width: 2100px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 52px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 50px; }
}

@media only screen and (min-width: 2000px) and (max-width: 2050px)
{	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 50px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 46px; }
}

@media only screen and (min-width: 1950px) and (max-width: 2000px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 47px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 46px; }
}

@media only screen and (min-width: 1900px) and (max-width: 1950px)
{	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 43px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 42px; }
}

@media only screen and (min-width: 1850px) and (max-width: 1900px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 41px;   font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 40px; }
}

@media only screen and (min-width: 1800px) and (max-width: 1850px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 39px;   font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 36px; }
}


@media only screen and (min-width: 1750px) and (max-width: 1800px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 36px;   font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 36px; }
}

@media only screen and (min-width: 1700px) and (max-width: 1750px)
{	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 33px;  font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 28px; }
}

@media only screen and (min-width: 1650px) and (max-width: 1700px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 31px;    font-size: 17px;  }
	#Header #logo img { vertical-align: middle; padding-left: 28px; }
}

@media only screen and (min-width: 1600px) and (max-width: 1650px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 34px;    font-size: 15px;  }
	#Header #logo img { vertical-align: middle; padding-left: 20px; }
}


@media only screen and (min-width: 1550px) and (max-width: 1600px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 32px;    font-size: 15px;  }
	#Header #logo img { vertical-align: middle; padding-left: 20px; }
}

@media only screen and (min-width: 1500px) and (max-width: 1550px)
{	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 29px;    font-size: 15px;  }
	#Header #logo img { vertical-align: middle; padding-left: 17px; }
}

@media only screen and (min-width: 1450px) and (max-width: 1500px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 26px;    font-size: 15px;  }
	#Header #logo img { vertical-align: middle; padding-left: 17px; }
}

@media only screen and (min-width: 1400px) and (max-width: 1450px)
{	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 23px;    font-size: 15px;  }
	
	#Header #logo img { vertical-align: middle; padding-left: 17px; }
}

@media only screen and (min-width: 1350px) and (max-width: 1400px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 21px;   font-size: 15px;  }
	
	#Header #logo img { vertical-align: middle; padding-left: 15px; }
}

@media only screen and (min-width: 1300px) and (max-width: 1350px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 18px;   font-size: 15px;  }
	#Header #logo img { vertical-align: middle; padding-left: 15px; }
}


@media only screen and (min-width: 1250px) and (max-width: 1300px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 16px;   font-size: 15px;  }
	#Header #logo img { vertical-align: middle; padding-left: 15px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1250px)
{	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 12px;   font-size: 15px;  }
}

@media only screen and (min-width: 1150px) and (max-width: 1200px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 15px; }
}

@media only screen and (min-width: 1100px) and (max-width: 1150px)
{	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 12px; }
}

@media only screen and (min-width: 1050px) and (max-width: 1100px)
{
	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 10px; }
}

@media only screen and (min-width: 1000px) and (max-width: 1050px)
{	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 14px; }
	
}
	

@media only screen and (min-width: 960px) and (max-width: 1000px)
{	
	#Header .menu > li > a { letter-spacing: 0; padding: 0 12px;  }
	
	
}

@media only screen and (min-width: 1050px)
{
		/*#Header .addons  {display:none;} 
	*/
		#Header .addons .language  { padding-left: 8px; padding-right: 35px;  vertical-align: middle;  font-size: 20px; color:#FFFFFF;} 
		#Header .addons .signin   { color:#FFFFFF; font-weight: bold; display:inline-block;margin-right:10px;  padding-left: 42px; padding-right: 35px;  font-size: 20px } 
	    #Header .addons input  {min-width:380px; background-color:  #27394C; display:inline-block; } 
	    #Header .addons img  {padding-left: 8px; padding-right: 35px;  vertical-align: middle;  cursor: pointer; } 
		#inner-content { padding-top: 35px; }
		#padbody { padding-right: 150px;  padding-left: 150px;} 
	
		
}


@media only screen and (min-width: 1662px)
{

	
	#advert { width: 22% !important; }
	#advert1 { width: 22% !important; }
	#advert2 { width: 22% !important; }
	#advert3 { width: 22% !important; }
	
}


@media only screen and (max-width: 1661px)
{
	#advert { width: 48% !important; }
	#advert1 { width: 48% !important; }
	#advert2 { width: 48% !important; }
	#advert3 { width: 48% !important; }
}

@media only screen and (max-width: 685px)
{
	#advert { width: 100% !important; }
	#advert1 { width: 100% !important; }
	#advert2 { width: 100% !important; }
	#advert3 { width: 100% !important; }
}


@media only screen and (max-width: 1450px)
{
	.swiper-autoheight, .swiper-autoheight .swiper-slide {
    
    min-height: 500px !important;
		
		
}
	
}

@media only screen and (max-width: 1050px)
{
		
		#Header .addons .language  { padding-left: 8px; padding-right: 35px;  vertical-align: middle; display: none;  font-size: 20px; color:#FFFFFF;} 
		#Header .addons .signin   { color:#FFFFFF; font-weight: bold; display:inline-block;margin-right:10px;  padding-left: 42px; padding-right: 35px;  font-size: 20px } 
	    #Header .addons input  {min-width:380px; background-color:  #27394C; display:none; } 
	    #Header .addons img  {padding-left: 8px; padding-right: 35px;  vertical-align: middle;   display:none; } 
	    #Header .menu .birthday {display:none;}
	    .jflatTimeline .month-year-bar {font-size: 30px;}
		.simg { width: 50px; }
	
		.swiper-autoheight, .swiper-autoheight .swiper-slide {
    
    min-height: 450px !important;
}

}




@media only screen and (min-width: 960px) and (max-width: 1239px)
{	
	body 							{ min-width:0;}
	#Wrapper 						{ width: 100%; }

	
	

	#Header .language { display: none; }
	#Header .topbanner, #Header .language, #Header #searchform { float: left; padding: 2px 0px; }
	
	.section_wrapper,
	.container,
	.with_aside .content_wrapper	{ width: 100%; }

	/* ======================================================= */
	
	/* Menu */
	#Header .menu > li > ul.mfn-megamenu { width: 921px !important;}
	
/*	#Header .menu .birthday {display:none;} */
	
	/* Offer */
	.offer .offer_wrapper .owl-item .image .image_wrapper { padding: 0 39px 59px }
	
	/* Error 404 */
	#Error_404 .error_pic i { font-size: 260px; line-height: 260px; }
	#Error_404 .error_desk { padding-top: 45px; }
	
	/* Blog */
	.post .post_meta > div { padding: 10px 0; }
	.post .post_meta > div i { margin-bottom: 5px; }
	
	.recent-works { margin-left:-10px; width:960px;}
	
		.button_details{
		width:49%;
	}
}


/*																								> 960
===================================================================================================== */
@media only screen and (min-width: 960px) {
	#Header #menu { display:block !important; }
	/* #Header.is-sticky */
	#Header.is-sticky { position:fixed; width:100%; left:0; top:0; height:50px; z-index:701; opacity:.97; filter: alpha(opacity = 97);}
	#Header.is-sticky .addons, 
	#Header.is-sticky .logo { display:none;}
	#Header.is-sticky #menu { bottom:auto;}
	#Header.is-sticky .social { bottom:auto;}
	
	#Header.is-sticky #menu,
	#Header.is-sticky .menu:after { height:40px;}
	
	#Header.is-sticky .menu > li > a,
	#Header.is-sticky .social li a { height:40px; line-height:40px;}
	
	
		
	#Header.is-sticky .menu > li.current-menu-item > a,
	#Header.is-sticky .menu > li.current_page_item > a,
	#Header.is-sticky .menu > li.current-menu-ancestor > a,
	#Header.is-sticky .menu > li.current_page_ancestor > a { height:45px; line-height:45px;}
	
	#Header.is-sticky .menu > li > a:hover,
	#Header.is-sticky .menu > li.hover > a { height:40px; line-height:40px;}
	
	#Header.is-sticky .menu > li > ul { top: 40px;}
	
	.menu-clean #Header.is-sticky #menu { background:#0a192a;}
	.menu-clean #Header.is-sticky .menu > li.current-menu-item > a,
	.menu-clean #Header.is-sticky .menu > li.current_page_item > a,
	.menu-clean #Header.is-sticky .menu > li.current-menu-ancestor > a,
	.menu-clean #Header.is-sticky .menu > li.current_page_ancestor > a { height:40px; line-height:40px;}
	
	/* main menu 2nd level - MegaMenu */
	#Header .menu > li > ul.mfn-megamenu { width:1176px;}
	#Header .menu > li > ul.mfn-megamenu > li { float:left;}
	#Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1 { width:100%;}
	#Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2 { width:50%;}
	#Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3 { width:33.33%;}
	#Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4 { width:25%;}
	#Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5 { width:20%;}
	#Header .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6 { width:16.66%;}
	#Header .menu > li > ul.mfn-megamenu > li > ul { display:block !important; position:inherit; left: 0; right: 0; top: auto; margin-left: auto; margin-right: auto;}
	#Header .menu > li > ul.mfn-megamenu > li > ul li { width: auto; }
	
	#Header .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight:400;}
	#Header .menu > li > ul.mfn-megamenu a.mfn-megamenu-title:hover { background:none; cursor:default;}
	
	#Header .menu > li > ul.mfn-megamenu a { 
		-webkit-box-shadow: inset -1px 0px 0px 0px rgba(0,0,0,0.05);
		-moz-box-shadow: inset -1px 0px 0px 0px rgba(0,0,0,0.05);
		box-shadow: inset -1px 0px 0px 0px rgba(0,0,0,0.05);
	}
	#Header .menu > li > ul.mfn-megamenu > li:last-child a {
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
	}
	
	#Header .menu > li > ul.mfn-megamenu a .menu-arrow { display: none; }
	
	/* .menu - shadows */
	#Header .menu > li:not(.mfn-megamenu-parent) ul,
	#Header .menu li.mfn-megamenu-parent > ul {
		-webkit-box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.05);
		box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.05);
	}
	#Header .menu > li:not(.mfn-megamenu-parent) ul li ul {
		-webkit-box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.05);
		box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.05);
	}


		
}


/* 																								< 960
===================================================================================================== */
@media only screen and (max-width: 959px) {
	
	/* #Header.is-sticky */
	.header_placeholder { margin-top:0 !important;}
	#Header .topbanner { display: none; }
		/* Contact details */

	
	 #Header .menu .birthday {display:block;}
	
	/* Header */
	#Header #menu { display:none; height: auto; width: 300px; bottom: auto; top: 145px;
    left: auto;
    right: 0; }
	#Header a.responsive-menu-toggle { display:block; width: 35px; height: 35px; line-height: 35px; font-size: 32px; text-align: center; position:absolute; top: 105px; left: auto; right: 0; -webkit-border-radius: 3px; border-radius: 3px; }
	#Header a:hover.responsive-menu-toggle { text-decoration: none; }
	/* main menu 1st level */
	#Header #menu > ul { width:100%; float: right; }
	#Header #menu ul li	{ width: 100%; padding-bottom: 0; border-right: 0; position: relative; }
	#Header #menu ul li em, #Header #menu .menu-arr-bottom, #Header #menu .menu-arr-top	{ display: none !important; }
	#Header #menu ul li	a { padding: 15px 20px; border-top-width: 0; text-align:left; display: block; margin: 0; height: auto; line-height: normal; }
	#Header #menu ul li.submenu .menu-toggle { width:48px; height:48px; display:block; position:absolute; right:0; top:0; border-left:1px solid rgba(0,0,0,0.03); background:url(../images/menu-plus.png) center no-repeat;}
	#Header #menu ul li.hover > .menu-toggle { background: none !important;}
	#Header #menu ul li.hover a { border-bottom: 0; }
	
	#Header #menu ul.mfn-megamenu li .menu-toggle { display:none;}

	/* main menu 2nd level */
	#Header #menu ul li	ul { position:relative !important; left:0 !important; top:0; padding: 0; margin-left: 0 !important; }
	#Header #menu ul li	ul li { width:100% !important;}
	#Header #menu ul li	ul li a { padding: 15px 20px 15px 30px;}
	#Header #menu ul li ul li a .menu-arrow { display: none;}
	
	#Header .menu > li > ul.mfn-megamenu a.mfn-megamenu-title { text-transform: uppercase; font-weight:400;}
	#Header .menu > li > ul.mfn-megamenu > li > ul { display:block !important; position:inherit; left:auto; top:auto;}
	
	/* main menu 3rd level */
	#Header #menu ul li	ul li ul { border-left: 0 !important; padding: 0; top: 0; }
	#Header #menu ul li	ul li ul li a { padding: 15px 20px 15px 40px;}
	
	/* Offer */
	.offer .offer_wrapper .owl-controls { position: static; margin-top: 20px; }
	.offer .offer_wrapper .owl-controls .owl-controls-inner { width: 100%; }
	.offer .offer_wrapper .owl-controls .owl-pagination-wrapper { width: 100%; background: none !important; }
	.offer-slider .owl-controls .owl-pagination { position: static; }
	.offer-slider .owl-controls .owl-pagination-arrow { display: none; }
	.offer-slider .owl-pagination-wrapper { height: auto; }
	
	.offer .offer_wrapper .owl-controls .owl-page { width: 17px !important; height: 17px !important; margin: 5px 6px !important; background: rgba(0, 0, 0, .15) !important; -webkit-border-radius: 100%; border-radius: 100%; }
	.offer .offer_wrapper .owl-controls .owl-page span { display: none; }
	.offer .offer_wrapper .owl-controls .owl-page.active:after { display: none; }
	
	.offer .offer_wrapper .owl-item li { padding-left: 0; }
	.offer .offer_wrapper .owl-item .image { float: none; width: 100%; }
	.offer .offer_wrapper .owl-item .desc { float: none; width: 100%; margin-right: 0; }
	
	/* Single post */
	.single-post .post_meta { width: 100%; float: none; border-top: 0; margin-top: 0; padding-top: 0; margin-bottom: 5px; }
	.single-post .post_photo { width: 100%; float: none; }
	
	.button_details{
		width:31%;
		padding: 0px 0px;
	}
	
}


/* #Tablet (Landscape) 																		768 - 959	*
===================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px)
{	
	body							{ min-width:0; }
	#Wrapper						{ width: 728px; }

	#Header .topbanner { display: none; }
	.section_wrapper,
	.container,
	
	
	
	#cineimage{width: 100% !important;}
	
	#cineinfo{width: 100% !important;}
	
	/* ======================================================= */
	
	/* Header */
	#Header .contact_details .text { display: none; }
	#Header .topbanner { display: none; }
	#Header .addons #searchform input[type="text"] { width: 95px; }
	#Header .addons #searchform input[type="text"]:focus { width: 115px; }
	#Header .language { display: none; }
	#Header .contact_details, #Header .language, #Header #searchform { padding: 30px 10px;  }
	#Header #searchform { padding: 25px 10px; }
	

	/* Offer */
	.offer .offer_wrapper .owl-item .image .image_wrapper { padding: 0 60px 98px; }
	
	/* Blog */
	.post_meta { width: 100%; float: none; clear: both; padding-top: 10px; margin-top: 15px; border-top-width: 1px; border-style: solid; text-align: center; }
	.post_meta > div { display: inline-block; border-bottom: 0; padding: 0 10px; margin-bottom: 6px; }
	.post_meta > div i { display: inline; margin-bottom: 0; font-size: 17px; line-height: 17px; margin-right: 5px; }
	.post_meta > div.category a, .post_meta > div.tags a { display: inline; }
	.post_wrapper { width: 100% !important; float: none !important; overflow: hidden; }
	
	.Recent_posts ul li .photo { display:none;}	
	.Recent_posts ul li .desc  { padding:0;}

	/* Error 404 */
	#Error_404 { position: static; padding-top: 50px; margin-top: 0; }
	#Error_404 .error_pic { width: 100%; float: none; }
	#Error_404 .error_pic i { font-size: 260px; line-height: 260px; }
	#Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; }

	.recent-works { margin-left:-10px; width:728px;}
	
	.latest_posts_wrapper .posts-slider .owl-buttons .owl-prev { left:-18px;}
	.latest_posts_wrapper .posts-slider .owl-buttons .owl-next { right:-18px;}
	
	

}


/* #Tablet (Portrait) & Mobile - COMMON 														< 768	*
===================================================================================================== */
@media only screen and (max-width: 767px) 
{
	
	
	body 							{ min-width:0;}
	#Wrapper						{ width: 300px;}
	
	#cineimage{width: 100% !important;}
	
	#cineinfo{width: 100% !important;}
	
	/*.section_wrapper .column,
    .container .column,
	.sections_group,
	.four.columns					{ margin:0; width: 100% !important; clear: both; }*/
	
	.section_wrapper,
	.container,
	.four.columns					{ width: 98% !important; }

	.left-sidebar .items_group,
	.right-sidebar .items_group,
	.with_aside .content_wrapper 	{ width:100%;}

	.section_wrapper .column		{ margin:0 1 20px;}
	
	.posters{
		width:49%;
	} 
	
	.three-fourth.column {
    	width: 100% !important;
		align-content:center;
	   }
	   .one-fourth.column {
    	width: 100% !important;
		align-content:center;
	   }
	 .one-fifth.column {
			width: 18% !important;
		}
	 .one-sixth.column {
			width: 32% !important;
		}
	.one-fourth1.column {
			width: 98% !important;
		
	}
		.button_details{
		width: 48.8%;
	}


	/* ======================================================= */
	
	body { padding: 15px 0 0; }
	
	/* header */
	#top_bar { display: block; }
	
	#Header .topbanner { display: none; }
/*	#Header .language { display: none; } */
	#Header .logo { position: static; float: left; width: 100%; text-align: left; margin: 0; }
	#Header .logo #logo { padding: 30px 10px; }
	#Header a.responsive-menu-toggle { top: 105px; left: auto; right: 0;}
	#Header #menu { position: static; float: left; width: auto; margin: 0 -20px; }
	
	/* Subheader */
	#Subheader .title { margin-top: 25px; }
	#Subheader ul.breadcrumbs { float: none; text-align: center; }
	
	/* Slider */
	#mfn-slider .swiper-controls { left: 0 !important; top: auto !important; bottom: 215px !important; width: 100%; margin: 0 !important; text-align: center; height: 15px; }
	#mfn-slider .swiper-controls .swiper-pagination-switch { display: inline-block !important; margin: 0 7px; }
	#mfn-slider .swiper-slide .swiper-title { font-size: 14px !important; }
	#mfn-slider .swiper-slide .swiper-desc { font-size: 35px !important; line-height: 37px !important; }
	
	/* .section  */
	.section { background-attachment: scroll !important; width: 100%;}
	
	/* Article box */
	.article_box .photo { width: 100% !important; float: none !important; height: auto !important; }
	.article_box .desc { width: 94% !important; float: none !important; min-height: inherit !important; }
	
	/* Contact form */
	.wpcf7 span.wpcf7-form-control-wrap { width: 100% !important; margin-right: 0; }
	.wpcf7 span.wpcf7-form-control-wrap .wpcf7-text { margin-bottom: 6px; }
	.wpcf7 span.wpcf7-form-control-wrap:last-child .wpcf7-text { margin-bottom: 0px; }
	
	/* Quick form */
	.quick_form .title { margin-bottom: 10px; }
	.quick_form .wpcf7 span { width: 100%; margin: 0; }
	.quick_form .wpcf7 input[type="submit"] { top: 0px; } 
	
	/* Clients */
	.clients ul li { width: 50% !important; }
	.clients ul li.last_row_mobile .client_wrapper { border-bottom-color:transparent; }
	.clients ul li:nth-child(even) .client_wrapper { border-right: 0 !important; }
	
	/* Feature box */
	.feature_box_wrapper.has_border:after { border: 0; }
	
	/* Feature box */
	.quick_fact_wrapper.has_border:after { border: 0; }
	
	/* Flickr */
	.Flickr .flickr_badge_image { width: 18% !important; }
	.Flickr .flickr_badge_image { margin: 0 2% 2% 0; }
	.Flickr .flickr_badge_image a img {width: 68px !important; height: 68px !important; }
	
	/* Timeline */
	.timeline_items { background: none; }
	.timeline_items li { padding: 100px 0 0 0; position: relative; margin-bottom: 20px; }
	.timeline_items li h5 { margin: 0 0 10px 0; position: static; width: 100% !important; float: none !important; text-align: center !important; }
	.timeline_items li h5 span { top: 0px; }
	.timeline_items li .desc { position: relative; width: 100%; float: none !important; min-height: auto !important; }
	.timeline_items li .desc:after { display: none; }
	
	/* Fancy heading */
	.fancy_heading_wrapper.has_icon:after { left: 20%; width: 22%; }
	.fancy_heading_wrapper.has_icon:before { right: 20%; width: 22%; }
	
	/* Blockquote */
	.blockquote:after { left: 18%; width: 21%; }
	.blockquote:before { right: 18%; width: 21%; }
	
	/* Blog */
	.post { padding-bottom: 0; border-bottom-width: 0; } 
	.post_meta { width: 100%; float: none; clear: both; padding-top: 10px; margin-top: 15px; border-top-width: 1px; border-style: solid; text-align: center; }
	.post_meta > div { display: inline-block; border-bottom: 0; padding: 0 10px; margin-bottom: 6px; }
	.post_meta > div i { display: inline; margin-bottom: 0; font-size: 17px; line-height: 17px; margin-right: 5px; }
	.post_meta > div.category a, .post_meta > div.tags a { display: inline; }
	.post_photo { width: 100%  !important; float: none  !important; }
	.post_wrapper { width: 100%  !important; float: none !important; overflow: hidden !important; }
	.post_wrapper .desc { width: 100% !important; float: none !important; }
	
	/* Offer */
	.offer .offer_wrapper .owl-item .image .image_wrapper { padding: 0 36px 51px; }

	/* Portfolio page */
	.Projects_header { margin-bottom: 10px; }
	.Projects_header .categories ul { text-align: center; }
	.Projects_header .categories ul li.label { display: none; }
	.Projects_header .categories ul li { display: inline-block; float: none; }
	.Projects_header .categories ul li a { line-height: 40px; padding: 0 10px; }
	
	.portfolio_item.one .photo { width: 100%; float: none; }
	.portfolio_item.one .desc { width: 100%; float: none; }
	.portfolio_item.one .desc .list_view { display: none; }
	.portfolio_item.one .desc > a h5 { text-align: center; font-size: 19px; line-height: 24px; }
	
	/* Single portfolio */
	.single-portfolio .portfolio_meta .portfolio_photo { width: 100%; float: none; margin-bottom: 15px; }
	.single-portfolio .portfolio_meta .portfolio_desc { width: 100%; float: none; margin-left: 0; }
		
	/* Error 404 */
	#Error_404 { position: static; padding-top: 20px; margin-top: 0; }
	#Error_404 .error_pic { width: 100%; float: none; }
	#Error_404 .error_pic i { font-size: 160px; line-height: 160px; }
	#Error_404 .error_desk { width: 100%; float: none; padding-top: 20px; text-align: center; }
	#Error_404 .error_desk h2 { font-size: 30px; line-height: 30px; }
	#Error_404 .error_desk h4 { font-size: 19px; line-height: 25px; }
	#Error_404 .error_desk p .check { line-height: 22px; font-size: 16px; margin-bottom: 15px; display: block; }

	/* Gallery */
	.gallery .gallery-item { margin: 0 0 3px 0 !important; }
	
	/* Footer */
	.copyright { position: static; margin-top: 25px; text-align: center; }
	
	.recent-works { margin-left:-20px; width:300px;}
	
}


/* #Tablet (Portrait) & #Mobile (Landscape)													480 - 767	*
===================================================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
	
	
	
    #Wrapper						{ width: 420px;}
	
	.column, .columns { }
	.section_wrapper,
	.container,
	.four.columns					{ width: 98% !important;}

	.with_aside .content_wrapper 	{ width:100%;}
	
	/* ======================================================= */
	
	/* Respond */
	#respond .comment-form-author { width: 100%; margin-right: 0%; float: none; }
	#respond .comment-form-email { width: 100%; margin-right: 0%; float: none; }
	#respond .comment-form-url { width: 100%; float: none; }
	#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 94%; }
	#respond .comment-form-comment textarea { width: 96%; }
	#comments .commentlist .children { margin-left: 0px; padding-left: 30px; }
	#respond .required { right: 15px; }

	.recent-works { width:420px;}
	
}


/* 	#Mobile (Portrait)																			< 480
===================================================================================================== */
@media only screen and (max-width: 479px) {
	
	/* Header */
	#Header .addons #searchform { display: none; }
	#Header .social li a { width: 28px; }
	
	/* Offer */
	.offer .offer_wrapper .owl-item .image .image_wrapper { padding: 0 26px 35px; }
	
	/* Flickr */
	.Flickr .flickr_badge_image { width: 23% !important; }
	.Flickr .flickr_badge_image a img {width: 60px !important; height: 60px !important; }
	
	/* Respond */
	#respond .comment-form-author { width: 99%; margin-right: 0%; float: none; }
	#respond .comment-form-email { width: 99%; margin-right: 0%; float: none; }
	#respond .comment-form-url { width: 99%; float: none; }
	#respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 93%; }
	#respond .comment-form-comment textarea { width: 94%; }
	#comments .commentlist .children { margin-left: 0px; padding-left: 30px; }
	#respond .required { right: 11px; }
	
}


/* ============================================  Iframe  ============================================ */


/* ============================================  Retina  ============================================ */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
		#Header .language > a .ico { background-image: url("../images/icons/addons/ico_lang%402x.png"); background-size: 24px 24px;}
		#Header .contact_details .mail .ico{ background-image: url("../images/icons/addons/ico_mail%402x.png"); background-size: 24px 24px;}
		#Header .contact_details .phone .ico { background-image: url("../images/icons/addons/ico_phone%402x.png"); background-size: 24px 24px;}
		#Header #searchform .ico { background-image: url("../images/icons/addons/ico_search%402x.png"); background-size: 24px 24px;}
		
}