/*
Theme Name: RSVP Schwan
Theme URI: http://softfounder.com
Author: SOFTFOUNDER TEAM - Rashid
Author URI: http://softfounder.com
Description: This RSVP Schwan Responsive CSS.
Version: 1.0
License: my code - private!!!, open source code - by their license
*/

.mar {margin-right: 10px;}
.page_mobile,.header_mobile{display:none}
.project_title {
  border-bottom: 2px solid rgb(142, 137, 139);
  color: rgb(142, 137, 139);
  float: right;
  font-size: 23px;
  font-weight: normal;
  line-height: 31px;
  margin-right: 0;
  width: 100%;
  padding-bottom: 5px;
  font-family:"Conv_FontFont - DINPro","FbAharoniNewRegular",arial,helvetica,sans-serif;
}

@media screen and (min-width: 992px) and (max-width: 1200px){
 	.page_wrap{width:970px;}
}
@media screen and (max-width: 1024px){
.sprite.facebook, .sprite.inst, .sprite.twitter, .sprite.unk {display:none;}
.category_ul.front{margin:0;}
.category_ul {padding:0;width: 100%;}
.cat_li.mrg_left {margin-left: 0;}
.cat_li {  padding: 1%;
  width: 31%;
}

}
@media screen and (max-width: 991px){
	/****| COMMON PAGE |****/
	*{box-sizing:border-box}
	.page_wrap {margin-left:auto;margin-right:auto}
	.header,.dynccont,.page_inner,.spr_cont,
	.footer,.header_strip,.credit_area,.textture.flr,
	.cat_li span,.textturelayer1,.textturelayer2,.slider_crop{width:100%}
	.header,.dynccont.frntpage,.dynccont,
	.credit_area,.page_inner{padding-left:15px;padding-right:15px}
	.page_desktop,.header_desktop{display:none}
	.page_mobile,.header_mobile{display:block}
	li.current-menu-item,
	li.current_page_item{position:relative}
	li.current-menu-item::after,
	li.current_page_item::after{
		border-bottom:17px solid transparent;
		border-left:17px solid #888487;
		border-top:17px solid transparent;
		content:"";
		display:block;
		height:0;
		top:0;
		left:0;
		position:absolute;
		width:0;
		z-index:500;
	}
	

	/****| HEADER AREA |****/
	.header_strip{margin-right:0;}
	.header_mobile .menu-item-129,
	.header_mobile .menu-item-180,
	.header_mobile .menu-item-175,
        .header_mobile .menu-item-506 {display:none}

	ul.menu{margin:0;width:100%}
	ul.menu::before,
	ul.menu::after{
		border-bottom: 17px solid transparent;
		border-top: 17px solid transparent;
		content:"";
		display:block;
		height: 0;
		position: absolute;
		width: 0;
		z-index: 500;
	}

	ul.menu::before{border-right:17px solid #fff;right:0}
	ul.menu::after{border-left:17px solid #fff;left:0}




	/****| BLOG PAGE |****/
	.category_ul{padding:0;width:100%}
	.cat_li{margin:0;padding:0 15px;width:50%}
	.textture.flr{margin-bottom:10px}
	.cat_li.mrg_left{margin-left:0;}
	.cat_li .img_proj{height:auto;}
	.cat_li .img_proj,
	.cat_li .img_proj img{width:100%}

	/****| CONTACT PAGE |****/
	.page_mobile>.spr_cont{border-top:4px solid #ccc;height:6px;margin:15px 0}

	.img_cmap{margin:0;text-align:center;width:100%}
	.cont_text {
	border-top: 2px solid #ccc;
	width: 100%;
	margin-top: 20px;
}
	span.rzLine{
		background:#ccc;
		display:block;
		margin:10px 0;
		height:2px;
		width:100%;
	}
	/****| SINGLE PAGE |****/
	.slider_frame{margin-bottom:20px;padding-bottom:70px}
	.controlerArea .slidercontroller{top:auto;bottom:0}
	#prev{right:30%}#next{left:30%}

	.project_table,
	.text_col,.col2{border:0;width:100%;}
	.col1{display:none}
	.row1{
	  border-color:#ccc;
	  border-style:solid;
	  border-width:3px 0 2px;
	  padding:20px 0;
	  width:100%;
	}
	.headcol,.headcol.brdleft {
		border:0;
		height:auto;
		line-height:22px;
		text-align:right;
		width:100%
	}
	.text_col{padding:10px 0}


	/****| FOOTER |****/
	.footer{}
	.foo_col{padding:15px;margin:0 auto}
	.foo_col.first{margin-right:0;}
	.responsive_bar{display:block;}
	.img_cmap {margin-bottom: 6px;}
	.mobile_title {
		display: none;
		border-bottom: 2px solid;
		
		font-size: 28px;
		line-height: 43px;
	}
	.cbar {
	border-top: 2px dotted;
	margin-bottom: 20px;
}
	.contact_head{display:none;}
	.spr_cont{display:none;}
	.proborder {margin: 0 15px;}
	.footer {margin-bottom: 0px;}
	.credit_area {padding: 14px 0;}
@media screen and (min-width: 768px) and (max-width: 991px){
	.page_wrap{width:750px;}
	.dynccont p{font-size:18px;margin-bottom:15px}
	.slider_crop,
	.slider_li img{height:400px}
	.foo_col{width:33.33%}	
	.foo_col.first{display:none;}
	.foo_col.flr {display:none;}
	.credit_area {margin-top:0;}
	.headcol strong {color: #f37f71; font-size: 16px;font-weight: normal;}
	.headcol span {font-size: 15px;margin-right: 5px;}
	.slider_frame{margin-bottom:15px:0;}
	.slider_frame img{width:100%}


}

@media screen and (max-width: 767px){
     ul.menu{width:100%}
	.page_wrap{width:auto;}
	.foo_col.first{display:none;}
	.foo_col.flr {display:none;}
	.credit_area {margin-top:0;}
	.headcol strong {color: #f37f71; font-size: 18px;font-weight: normal;}
	.headcol span {font-size: 17px;margin-right: 5px;}
	.text_col p {font-size: 16px;}
	.slider_frame img{width:100%}
}
@media screen and (min-width: 481px) and (max-width: 991px){
	ul.menu{padding-right:210px;}
}

@media screen and (min-width: 481px) and (max-width: 767px){
	.dynccont p{font-size:16px;margin-bottom:15px}
	.slider_crop,
	.slider_li img{height:300px;}
}

@media screen and (max-width: 480px){
	.dynccont p{font-size:14px;margin-bottom:10px}
	.cat_li span.ahl,
	.cat_li .readmore{display:none}
	.textture.flr{margin-top:10px}
	.cat_li h2{font-size:14px}
	.slider_crop,
	.slider_li img{height:200px;}
	.foo_col{width:100%}
	.img_cmap img{width:100%}
	.header{margin-bottom:0}
	.sprite.logo{right:18px;top:-52px}
	.header_mobile .sprite.logo{
		background-image:url(img/sprites/logo.png);
		background-size:100% auto;
		background-position:0;
		background-repeat:no-repeat; 
		height:95px;
    	width:100px
	}
	.header_strip{height:24px;}
	.menu{height:24px;padding-right:125px}
	.menu li{height:24px;width:85px}
	.menu li a{font-size:14px;line-height:24px}
	ul.menu::before,
	ul.menu::after{
		border-bottom:12px solid transparent;
		border-top:12px solid transparent;
	}
	ul.menu::before{border-right:12px solid #fff;right:0}
	ul.menu::after{border-left:12px solid #fff;left:0}

	li.current-menu-item::after,
	li.current_page_item::after{
	    border-bottom:12px solid transparent;
	    border-left:12px solid #888487;
	    border-top:12px solid transparent;
	}

}
@media screen and (max-width: 360px){
	.slider_li img{height:200px;width:360px;}
	.menu li{width:75px}
	.menu li a{font-size:12px}
	.cat_li h2{font-size:10px}
	
}