/* 1170px to 980px or 768px */
@media screen and (max-width: 1170px) {
	.campgain-area li{width: auto; margin-bottom: 10px;}
	.View-btn{margin-bottom: 4px;}
	.team-silder ul.follow-list{margin-bottom: 5px;}
	#footer .widget.widget_recent_post .post-text{overflow: hidden; width: auto; display: block;}
	#footer .widget.widget_recent_post figure{float: left;}
	.rtl #footer .widget.widget_recent_post figure{float: right; width: 59px;}
	.cs-timeline .time-inn{width: 85%;}
	.rtl #footer .widget.widget_recent_post li {overflow: hidden;}
	.rtl .widget.widget_text .textwidget {padding: 10px 0 15px 15px;}
}

/* 980px to 768px */

@media (min-width: 768px) and (max-width: 998px)  {
	/* Responsive Menu */
	.navigation>ul {display:none;}
	.slicknav_menu {display:block;}
	.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .section-sidebar.col-md-4, .section-sidebar.col-md-3{width: 100%;}
	.col-md-3, .col-md-4{width: 50%;}
	.col-md-1, .col-md-2 {width: 33%;}
	.section-sidebar.col-md-4{padding: 0px;}
	/* widget */
	.widget{
		float: none;
		vertical-align: top;
		padding: 0 15px;
	}
	/* Header */
	#header .top-bar .bar-holder, .main-head{text-align: center;}
	#header .left-area, #header .right-area, #header .logo{float: none; display: inline-block;}
	#header .logo{margin-right: 20px;}
	.align-center{width: 100% !important;}
	.newsletter-sec .signup{width: 100%;}
	.date .seconds, .date .minutes, .date .hours, .date .days, .date .months, .date .years{margin-bottom: 20px;}
	.site .form label.form-btn{width: 18%;}
	.widget .menu-about-us-container::after{display: none;}
	.promobox [class*="col-md"]{margin-bottom: 20px;}
	#header .logo {
    margin-right: 20px;
    width: 100%;
	}
	.main-head .container{
	position:relative;
	}
	.rtl #header .btn-support {
    margin: -10px 0 0 30px;
	}
	#header .main-head .right-area {
    top: 60px;
    left: 0;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	}
	.rtl #header .search-area form::before, .rtl #header .search-area form::after{
		right:auto;
		left:28px;
		}
#header .main-head .right-area {
    top: 60px;
    left: auto;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	right:25px;
	}

}

/* 767px to 480px */
@media screen and (max-width: 767px) {
	/* Responsive Menu */
	.navigation>ul {display:none;}
	.slicknav_menu {display:block;}
	.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .section-sidebar.col-md-4, .section-sidebar.col-md-3{width: 100%;}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4{width: 49%;}
	.cs-carousel .cs-slider li{height: auto;}
	/* Header */
	#header .top-bar .bar-holder, .main-head{text-align: center;}
	#header .left-area, #header .right-area, #header .logo{float: none; display: inline-block;}
	.align-center{width: 100% !important;}
	.newsletter-sec .signup{width: 100%;}
	#footer .social-networks li{padding: 0 5px;}
	.error-page input[type="text"]{width: 75%;}
	.error-page{margin: 50px 0;}
	.search .text{width: 100%;}
	.date .seconds, .date .minutes, .date .hours, .date .days, .date .months, .date .years{margin-bottom: 20px; margin-right: 20px;}
	.construction{margin: 50px 0; padding: 50px 10px;}
	.site ul{width: 100%; text-align: center;}
	.site ul li{float: none; display: inline-block;}
	.site label{width: 40%;}
	.site .form label.form-btn{width: 20%;}
	.widget .menu-about-us-container::after{display: none;}
	.cs-timeline .time-inn{width: 75%;}
	.promobox [class*="col-md"]{margin-bottom: 20px;}
	#header .logo {
    margin-right: 20px;
    width: 100%;
	}
	.main-head .container{
	position:relative;
	}
	.rtl #header .btn-support {
    margin: -10px 0 0 30px;
	}
	.rtl #header .main-head .right-area {
    top: 60px;
    left: 0;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	}
	#header .main-head .right-area {
    top: 60px;
    left: auto;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	right:25px;
	}

}
@media screen and (max-width: 640px) {
	.rtl .campgain-area {
    margin-bottom: 0;
    padding: 16px 0 0 16px;
	}
	.rtl .campgain-area li:first-child {
    margin-right: 16px !important;
    width: 47%;
	}
	.rtl .cs-tabs .nav-tabs li.active a {
    display: block;
    margin-left: 1px;
    margin-right: 0;
    width: 100%;
	}
	.rtl .campgain-area li {
    margin: 0 16px 12px 0 !important;
    width: 47%;
	}
	.cs-tabs .nav-tabs li a {
    margin: 0 20px 0 0;
    width: 100%;
	}
	.post-panel ul li, .rtl .post-panel ul li{
	width:100%;	
	}
	.blog-detail.blog-detail2 .left-side {
    width: 100%;
	}
	.blog-detail.blog-detail2 .related-post .left-side {
		width:40px;
	}
	.cs-carousel .cs-slider {
    margin-right: 0;
	}	
	.cs-thumbnail li{
	height: auto;
	}
	.cs-thumbnail li figure {
    height: auto;
    width: auto;
	}
	.cs-thumbnail li figure img {
    height: auto;
    width: 100%;
	}
	.rtl .page-sidebar[class*="col-md"] {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
	}
	.page-sidebar[class*="col-md"] {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
	}
	.rtl [class*="col-md"] {
    margin-left: 0;
    margin-right: 0;
	}
	[class*="col-md"] {
    margin-left: 0;
    margin-right: 0;
	}
	.top-nav > ul {
    margin-bottom: 10px;
    overflow: hidden;
	}
	#header .logo {
    margin-right: 20px;
    width: 100%;
	}
	.main-head .container{
	position:relative;
	}
	.rtl #header .btn-support {
    margin: -10px 0 0 30px;
	}
	.rtl #header .main-head .right-area {
    top: 60px;
    left: 10px;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	}
	#header .main-head .right-area {
    top: 60px;
    left: auto;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	right:25px;
	}
	.cs-compaing > .cs-team > ul > li{
	width:100%;
	}
	.rtl #header .search-area form::before, .rtl #header .search-area form::after{
	right:auto;
	left:28px;
	}
	.media-cs .cs-text {
    padding: 5px 15px 0 0;
    width: 100%;
}
.cs-blog .blog-inner {
    padding: 15px 0;
}
.media-component li{
	width:100%;
}
.team-list .team-holder .cs-media{
	width:auto;
	}
.team-holder .cs-text {
    float: left;
    overflow: hidden;
    padding: 5px 0 0;
}
.rtl .team-holder .cs-text {
    float: right;
    overflow: hidden;
    padding: 5px 0 0;
}
}
/* 480px to 320px */
@media screen and (max-width: 480px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .error-page ul{width: 100%;}
	.cs-carousel .cs-slider, .cs-thumbnail, .compgain-detail .city-area, .newsletter-sec .signup form ul li, 
	.newsletter-sec .signup form label input[type="submit"], .site label{width: 100%;}
	.campgain-area li, .newsletter-sec .signup form ul li.form-btn{width: 50%; margin-left:0 !important}
	#footer .social-networks li::after{display: none;}
	#header .top-bar .bar-holder, .main-head{text-align: center;}
	#header .left-area, #header .right-area, #header .logo{float: none; display: inline-block;}
	.error-page input[type="text"]{margin-bottom: 5px;}
	.error-page ul li{display: inline-block; float: none;}
	.error-page ul{padding-top: 20px;}
	.rtl .site .form label.form-btn{width: 30%; float: left;}
	.site .form label.form-btn{width: 30%; float: right;}
	.site .form{float: left; margin-bottom: 20px;}
	.cs-tabs .nav-tabs li a{padding: 15px 20px; margin: 0 1px 5px 0; font-size: 16px;}
	.cs-twitter-sec li p{overflow: inherit; float: left;}
	.pagination li a{padding: 3px 14px;}
	.select-area .slect-box{min-width: 300px;}
	.rtl .cs-blog.blog-large .left-side,
	.blog-detail .left-side {
    clear: both;
    float: none;
    width: 100%;
	}
	#header .logo {
    margin-right: 20px;
    width: 100%;
	}
	.main-head .container{
	position:relative;
	}
	.rtl #header .btn-support {
    margin: -10px 0 0 30px;
	}
	.rtl #header .main-head .right-area {
    top: 60px;
    left: 10px;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	}
	#header .main-head .right-area {
    top: 60px;
    left: auto;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	right:25px;
	}
	.cs-events .cs-text{
		float:left;
	}
	.rtl .cs-events .cs-text{
		float:right;
	}
	.cs-list .cs-text{
		clear:both;
		overflow:auto;
	}
	.campgain-area {
    margin-bottom: 0;
    padding: 16px 0 7px 16px;
	}
	.cs-tabs .nav-tabs li {
    margin: 0 10px 10px 0;
	width:47%;
	}
	.rtl .site .form .cs-error-msg{
	right:0;
	left:auto;
	top:auto;
	bottom:20px;
}
.site .form .cs-error-msg{
	right:auto;
	left:0;
	top:auto;
	bottom:20px;
}
.compgain-detail .cs-text{
	overflow:visible;
	}
}
@media (min-width: 320px) and (max-width: 360px) {
	.campgain-area li, .error-page ul{width: 100%;}
	.error-page ul li{display: inline-block; float: none; margin-right: 10px;}
	.error-page ul{padding-top: 20px;}
	.site .form label.form-btn{width: 45%;}
	.site .form{float: left; margin-bottom: 20px;}
	.cs-tabs .nav-tabs li a{padding: 15px 20px; margin: 0 1px 5px 0; font-size: 14px;}
	.cs-twitter-sec li p{overflow: inherit; float: left;}
	.cs-tabs .nav-tabs li a{width: 100%;}
	.cs-tabs .nav-tabs li {margin-bottom: 10px;margin-left: 0 !important;width: 100%;}
	.rtl .cs-tabs .nav-tabs li a{width: 100%;}
	.rtl .cs-tabs .nav-tabs li{width: 95%;}
	.cs-timeline .time-inn{width: 71%;}
	.cs-timeline article .text{padding: 25px 20px;}
	.pagination{margin-bottom: 10px;}
	.pagination li a{padding: 2px 10px;}
	.pagination-area{float: left; margin-bottom: 10px;}
	.select-area .slect-box{min-width: 100%; margin: 0 0 10px 0;}
	.rtl #header .btn-support{margin: -10px 0 0 0px }
	.rtl #header .search-area form {left: -77px;right: auto;}
	header .search-area form {left: auto;right: -77px;}
	#header .search-area form::before,	#header .search-area form::after{display:none}
	.cs-carousel .cs-slider li figure {
    height: auto;
    position: relative;
	}
	.cs-carousel .cs-slider li figure img {
    height: auto;
    width: 100%;
	}
	[class*="col-md"] {
	 margin-left:0;
	 margin-right:0;
	}
	.rtl [class*="col-md"] {
	 margin-left:0;
	 margin-right:0;
	}
	#header .logo {
    margin-right: 20px;
    width: 100%;
	}
	.main-head .container{
	position:relative;
	}
	.rtl #header .btn-support {
    margin: -10px 0 0 30px;
	}
	.rtl #header .main-head .right-area {
    top: 60px;
    left: 10px;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	}
	#header .main-head .right-area {
    top: 60px;
    left: auto;
    padding: 14px 0 0;
    position: absolute;
    z-index: 99;
	right:25px;
	}
	.rtl #header .search-area form {
    left: -110px;
    right: auto;
}
#header .search-area form {
    left: auto;
    right: -110px;
}

.rtl .donation-holder label span {
    left: auto;
    right: 20px;
}
.donation-holder .btn{
	display:inline;
}
.btn-send{
	margin-top:15px;
}
.cs-counter .cs-text em {
    clear: both;
    padding-left: 30px;
}
.widget.widget_text .textwidget {
    padding: 10px 0 15px 15px;
}
}
@media screen and (max-width: 320px) {
	.rtl #header .search-area form {
    left: -132px;
    right: auto;
	}
	#header .search-area form {
    left: auto;
    right: -138px;
	}
}