/*.........		Media 768Px Start	............ */
@media (min-width: 768px) and (max-width: 979px) {
.container, .inner{
	width:768px;
}
.header-inner{
	width: 680px;
}
.our-cuases article .inntext, .our-cuases article .progress_bar{
	position:inherit;
	
}
.our-cuases article .progress_bar{
	margin:20px 0 32px; 
	
}
.inntext h2{
	margin-bottom:0px;
}
 
nav.navigation > ul {
	display:none;
}
.js #nav { 
	display: none;
}
.js .selectnav { 
	display: block; 
}
.col-md-9 .our-cuases article,
.our-cuases article{
	width:45%;
}
.gotop,
.top-nav ul li:last-child, .service-tick,
.services article:before, .services article:after,
.widget-our-food, .gal-txt-sec, .price-list,
.booking-form:before, .contact-map:before,
.team-shortcode:before, .header-5 .top-icons-header{
	display: none;
}
.header-section{
	text-align: center;
	padding: 20px 0px;
}
.top-strip{
	text-align: center;
}
.full-sec{
	margin-top: 20px;
}
.top-icons{width: 100%;}
.search-sec .search{
	width: 106px;
}
.social-network{
	padding-top: 0px !important;
}
.navigation{
	width: 58%;
	float: none !important;
	display: inline-block;
	margin-bottom: 20px;
	height: auto;
}
.social-network a, .logo, .full-sec, .event-info{
	float: none !important;
	display: inline-block;
}
.navigation select{
	width: 100%;
	float: left;
	background-color: #88ae95;
	color: #fff;
	padding: 5px;
	border:none;
}
.items-pro article{
	width: 203px;
}
.date-area span{
	margin: 0 0 0 4px;
}
.services article{
	width: 42.7%;
}
.services article figure span{
	left: 14%;
	width: 71%;
}
.carousel-active .text{
	width: 64%;
}
.top-strip{
  	height: auto !important;
  }
.testimonial-grid .testimonial-shortcode{
	width: 47%;
}
#footer-widgets .widget {
    margin: 0 15px 20px 0;
    width: 47%;
}
footer nav.navigation > ul{
	display: inline;
}
footer .navigation ul li:first-child a,
footer .navigation ul li a{
	padding: 0 12px 0 0;
}
.blog-medium .count{
	top: -19px;
}
.blog-medium .icon-left{
	width: 84%;
}
.blog .box{
	width: 305px
}
.blog.blog-masonry-four-col .box{
	width: 197px;
}
.comment-form-author{
	margin-right: 16px;
}
.event article .inn_text ul li{
	width: 100%;
	margin: 0px;
}
.eventdetail-parallax iframe{
	height: 222px;
}
.widget_gallery.attending-section ul{
	margin-bottom: 6px;
}
.gallerysec .gallery-two-col li{
	width: 47%;
}
.gallerysec figure figcaption span{
	width: 99%;
	height: 99%;
}
.gallerysec .gallery-three-col li{
	width: 30%;
}
.gallerysec .gallery-four-col li{
	width: 22%;
}
.gallery-masonry .box{
	width: 315px;
}
.gallery-masonry figure figcaption span{
	width: 100%;
	height: 100.6%;
}
.horizontal-tabs .tab-content{
	width: 72%;
}
.pagenone h4:before{
	left: 30%;
}
.element_size_100 .comment-form-author{
	margin-right: 16px;
}
img.alignleft, .circular-progressbar canvas{
	width: 100%;
}
.price-style4{
	width: 24%;
}
.price-style5{
	width: 47%;
}
.tabs.vertical .tab-content{
	width: 73.93%;
}
.team-shortcode article.team-v2,
.team-shortcode article.team-v3{
	width: 45% !important;
}
.our-cuases article{
	height:auto;
}
.our-cuases article.no-img .progress_bar,
.our-cuases article.no-img .category-sec{
	position:inherit;
}
.social-network{
	width:100%;
}
 
 
  
  
}

/*.........		Media 420Px Start	............ */
@media (max-width: 767px) {
.container, .header-inner{
	width:420px;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
}
.col-md-9 .our-cuases article,
.our-cuases article{
	width:100%;
}
.our-cuases article.featureds .inntext,
.our-cuases article.featureds .donation-sec,
.our-cuases article.featureds figure{
	width:100%;
	float:left;
}
.event article.featured .inn_text,
.event article.featured .event-countdown,
.event article .inn_text h2, .element-section{
	float: left;
	width: 100%;
}
.event article.featured .ev-contdown{float: none !important;}
.header-section{
	text-align: center;
	padding: 20px 0px;
}
.top-strip{
	text-align: center;
}
.full-sec{
	margin-top: 20px;
}
.social-network{
	padding-top: 0px !important;
}
.top-icons{width: 100%;}
.navigation{
	width: 58%;
	float: none !important;
	display: inline-block;
	height: auto;
}
.social-network a, .logo, .full-sec,
.ev-contdown .countdownit, .cart-sec{
	float: none !important;
	display: inline-block;
}
.ev-contdown{
	margin-right: 0px;margin-bottom: 10px;
	width: 100%;
}
.language-sec{margin-bottom: 15px;}
.our-cuases article.featureds .text-sec{
	padding-left:0px;
}
.col-md-9 .featureds .glob-info p.rised, .col-md-6 .featureds .glob-info p.rised{
	float:right;
}
.marign-minus, .our-cuases article{margin-left:0px;}
header nav.navigation{
	margin: 0px 0px 0px 0px;
}
footer nav.navigation{
	margin-left: 16px;
}
nav.navigation > ul, .ev-contdown h6 {
	display:none;
}
.js #nav, .carousel-active .text p,
.blog-listing article h3, .service-tick,
.services article:before, .services article:after,
.services article figure span, .services article figure:before,
.widget-our-food, .gal-txt-sec, .price-list,
.team-shortcode:before, .gotop, .header-5 .top-icons-header { 
	display: none; 
}
.js .selectnav { 
	display: block; 
}
.top-strip, .icons-parallax-header{
	height: auto !important;
}
.top-nav ul li{
	margin: 0px;
	width: 100%;
}
.icons-parallax-header .top-icons-header {
    margin: 19px 0 13px;
}
.booking-area ul li{
	width: 100%;
	margin: 0 0 10px;
}
#footer-widgets .widget,
#footer-widgets .widget:first-child {
    margin: 0 0px 20px 0;
    width: 100%;
}
footer nav.navigation > ul{
	display: inline;
}
footer .navigation ul li:first-child a,
footer .navigation ul li a{
	padding: 0 12px 0 0;
}
footer .navigation {
    margin: 0 0 24px 50px;
}
footer .logo{
	width: 100%;
	text-align: center;
}
footer .social-network li{
	float: none;
	display: inline;
}
footer .social-network ul li a{
	display: inline-block;
}
.testimonial-grid{
	margin: 0px;
}
.testimonial-grid .testimonial-shortcode {
    margin-left: 0;
    width: 100%;
}
.ourteam-carousel article{
	margin: 0 24px 0 16px;
}
.carousel-active{
	text-align: center;
}
.carousel-active figure{
	width: 150px;
	height: 150px;
	margin-right: 7px;
}
.carousel-active .text{
	width: 59%;
}
.our-story figure,
.item-heading, .filter-menu, .logo, header .social-network,
.search-sec, .blog-medium article figure, .blog-medium .blog_text,
.horizontal-tabs .tab-content, .horizontal-tabs .nav-menu, .form-section,
.testimonial-slide, .recipie-detail .detail_text, .recipie-related-post .items-pro article,
.team-shortcode article, .team-shortcode article.team-v3, .price-table,
.header-4 .search-sec .search, .heder-right-content{
	width: 100% !important;
}
.our-story .text{
	width: 100%;
	padding: 40px 45px;
}
.services article{
	width: 100%;
	margin-left: 0px;
}
.items-pro article{
	width: 390px;
}
.filter-menu, .items-menu, .logo, .top-strip,
.event article .text{
	text-align: center;
}
.items-menu{
	margin: 0 0 33px;
}
.sort-menu, .download-btn, header .social-network a,
.event article figure, .event article .inn_text ul,
.event article .inn_text ul li{
	float: none;
	display: inline-block;
}
.filter-menu ul{
	left: 31%;
}
.filter-menu, .item-heading, .download-btn{
	margin: 0px 0px 15px 0px;
}
.heading-pattren{
	margin-left: -75px;
}
.items-pro article:hover .figure-active:before{
	height: 103%;
	width: 104%;
}
.navigation{
	margin: 0 0 20px;
	width: 100%;
}
.navigation select{
	width: 100%;
	float: left;
	color: #fff;
	padding: 5px;
	border:none;
}
header .social-network{
	margin: 10px 0 8px;
}
header .social-network a{
	margin: 0px 16px 0px 0px;
}
.search-sec{
	margin: 0px;
}
.search-sec .search{
	display: inline-block;
	position: relative;
}
.gotop{
	right: 3%;
}
.featured{
	margin-bottom: 13px;
}
.blog-medium .blog_text{
	padding: 14px 0px 0px 0px;
	float: left;
}
.blog .box,
.blog.blog-masonry-four-col .box{
	width: 100%;
}
.event article .inn_text{
	float: left;
	width: 100%;
	padding: 22px 0px 0px 0px;
}
.event article .inn_text ul{
	margin-bottom: 20px;
}
.open{
	top: 124px;
	border-top: 1px solid #E9E9E9;
}
.event header:before{
	bottom: 47%;
	left: 26%;
	width: 44%;
}
.eventdetail-parallax iframe{
	height: 133px;
}
.widget_gallery.attending-section ul{
	margin-bottom: 6px;
}
.gallerysec .gallery-two-col li{
	width: 45%;
}
.gallerysec figure figcaption span{
	width: 97%;
	height: 97%;
}
.gallerysec .gallery-three-col li{
	width: 32%;
}
.gallerysec .gallery-three-col figure figcaption span{
	width: 94%;
	height: 94%;
}
.gallerysec .gallery-four-col li{
	width: 20%;
}
.gallerysec .gallery-four-col figure figcaption span{
	width: 90%;
	height: 90%;
}
.gallery-masonry .box{
	width: 47%;
}
.gallerysec .gallery-masonry figure figcaption span{
	width: 98%;
	height: 99%;
}
.menu-items-3coll .items-pro article{
	width: 390px;
}
.testimonial-slide{
	position: relative;
	float: left;
	height: 700px;
}
.reserv-thumb{
	position: absolute;
	left: 50%;
}
.form-section p select{
	width: 100%;
	margin: 0px 0px 7px 0px;
}
.recipie-order-sec{
	width: 100%;
	margin-top: 0px;
}
.recipie-detail .detail_text{
	padding: 0px;
}
.recipie-detail .carousel-active .text{
	width: 56%;
}
.recipie-related-post .items-pro li{
	width: 95%;
}
.comment-form-author{
	margin-right: 10px;
}
.element_size_100 .comment-form-author{
	margin-right: 9px;
}
.user-info{
	width: 266px;
}
.password_protected form,
.password_protected h3:before{
	width: 380px;
	left: 0;
}
.pagenone h4:before{
	left: 19%;
}
img.alignleft, .circular-progressbar canvas,
.tabs.vertical .nav-tabs, .tabs.vertical .tab-content{
	width: 100%;
}
.tiny-green .infotxt{
	right: -46px;
}
.tabs.horizontal .nav-tabs > li > a{
	padding: 15px 16px;
}
.header-2 .search-sec .search button{
	top: -20px;
	right: 0px;
}
.header-2 .search-sec .search-box{
	left: 0px;
	right: auto;
}
.header-3 .top-icons-header{
	width: 100%;
}
.header-3 .top-nav ul li,
.header-3 .top-nav ul{
	float: none;
	display: inline-block;
}
.header-3 .top-icons{
	width: 100%;
	margin: 0px 0px 15px 0px;
}
.header-3 .search-sec .search button{
	right: 49%;
}
.header-3 .search-sec .search-box{
	top: 7px;
}
.header-4 .search-sec .search button{
	right: 49%;
}
.header-5 .search-sec .search-box {
    right: -43%;
    top: -45px;
}
.header-3 .top-icons{
	margin-bottom: 44px;
}
.header-6 .search-sec .search-box{
	left: -74px;
	position: relative;
}
.header-6 .search-box label:before{
	top: 2px;
}
.header-6 .top-icons-header {
    margin: 0 0 18px;
}
.header-6 .navigation {
    margin: 10px 0;
    width: 100%;
}
.header-6 .navigation select{
	background-color: #444;
}
.search-sec button:before,
.user-info, .postlist article figure .flexslider .caption{
	display: none !important;
}
.search-sec{
	margin-top: 12px !important;
}
.blog-listing article{
	padding: 0px 7px 7px 0px;
}
.top-nav ul li{
	margin-left: 0px !important;
}
header .social-network a{
	float: none !important;
	display: inline-block !important;
	margin: 0px 0px 0px 5px !important;
}
.top-inner{
	padding-left: 0px;
}
.header-2 .navigation{
	margin-top: 28px;
}
footer .social-network a{
	margin-left: 7px;
}
.element_size_75, .element_size_50,
.element_size_25{
	width: 100%;
}
.about-author figure:before{
	left: 22%;
}
.about-author figure:after{
	left: 39.8%;
}
.gallerysec ul{
	margin-left: -5px;
}
.gallerysec ul li{
	margin: 0px 0px 0px 5px;
}
.gallerysec .gallery-four-col li{
	width: 23.6%
}
.gallerysec figure figcaption i{
	font-size: 20px;
	margin: -13px 0 0 -13px;
	top: 50%;
}
.testimonial-slide{
	position: relative !important;
}
.ls-nav-prev, .ls-nav-next, .header_element .flex-direction-nav a{
	width: 40px;
	height: 40px;
}
.our-cuases article{
	height:auto;
}
.our-cuases article .progress_bar,
.our-cuases article .category-sec,
.our-cuases article.no-img .inntext,
.our-cuases article .inntext{
	position:inherit !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	width:48.333%;
}
.product .images, .product .summary, .woocommerce-main-image img, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
	width:100%;	
}
.woocommerce .actions input, .woocommerce .actions .coupon{
	width:100%;
	margin-top:10px;
	
}
.cs_shop_wrap .woocommerce-tabs ul.tabs{
	margin-top:10px;
	
}
 
 
}

/*.........		Media 300Px Start	............ */
@media (max-width: 480px) {
body{
	overflow: visible;
}
.container{
	width:300px;
}
.header-inner{
	width: 257px;
}
.sortby-sec ul li a{
	margin-top:10px;
}
.items-pro article{
	width: 270px;
	margin-left: 0px;
}
.items-pro{
	margin: 0px 0px 45px 0px;
}
.ourteam-carousel article {
    margin: 0 38px;
}
.prev-btn, .next-btn{
	z-index: 99;
}
.subtitle p, .breadcrumb .post-options{
	padding: 7px 0px;
}
.post-options li, .post-media-attachments li,
.post-media-attachments li img{
	width: 100%;
}
.post-options li{
	margin: 0px;
}
.post-options li:before, 
.depth-2:after{
	display: none;
}
.count{
	top: -7px;
}
.blog-medium .count{
	top: -33px;
}
.event header:before {
    bottom: 48%;
    left: 35%;
    width: 24%;
}
.tagcloud a{
	margin-bottom: 10px;
}
.eventdetail-parallax iframe{
	height: 88px;
}
.post-media-attachments li{
	margin-bottom: 10px;
	height: auto;
}
#comments .thumblist .text{
	width: 100%;
}
#comments .thumblist figure{
	margin-bottom: 10px;
}
.comment-reply-link{
	left: -4%;
}
.comment-form-author{
	margin-right: 7px;
}
.gallerysec .gallery-two-col li{
	width: 43%;
}
.gallerysec figure figcaption span{
	width: 94%;
	height: 94%;
}
.gallerysec .gallery-three-col li{
	width: 33.2%;
}
.gallerysec .gallery-three-col figure figcaption span{
	width: 90%;
	height: 90%;
}
.gallerysec ul.gallery-four-col{
	margin: 0px 0px 0px -10px;
}
.gallerysec .gallery-four-col li{
	width: 21%;
	margin: 0px 0px 0px 10px;
}
.gallerysec .gallery-four-col figure figcaption span{
	width: 86%;
	height: 86%;
}
.gallery-masonry .box{
	width: 44%;
}
.gallerysec .gallery-masonry figure figcaption span{
	width: 96%;
	height: 97%;
}
.menu-items-3coll .items-pro article,
.password_protected form, .password_protected h3:before{
	width: 270px;
}
.recipie-detail .carousel-active figure{
	margin-right: 0px;
}
.recipie-detail .carousel-active .text{
	width: 44%;
}
.pagenone h4:before{
	left: 7%;
}
.user-info{
	position: relative;
}
.element_size_100 .comment-form-author{
	margin-right: 6px;
}
.toggle-sectn .togglebox{
	margin-left: 7px;
}
.shortgrid{
	width: 100% !important;
}
.list_styles{
	margin-bottom: 15px;
}
.tabs.horizontal .nav-tabs li{
	width: 50%;
}
.nav-tabs .active a:after{
	bottom: -1px;
}
.tiny-green .infotxt{
	right: -40px;
}
.header-2 .search-sec .search button{
	top: -23px;
	right: 31%;
}
.header-5 .search-box input,
.header-6 .search-box input{
	width: 270px;
}
.header-5 .search-sec .search-box{
	right: -14%;
}
.header-6 .search-sec .search-box{
	left: -24px;
}
.top-icons{
	float: none !important;
	display: inline-block;
}
.top-nav ul li{
	margin-left: 0px !important;
}
header .social-network a{
	float: none !important;
	display: inline-block !important;
	margin: 0px 0px 0px 5px !important;
}
footer .social-network a{
	margin-left: 7px;
}
.element_size_75, .element_size_50,
.element_size_25{
	width: 100%;
}
.about-author figure:before{
	left: 12%;
}
.about-author figure:after{
	left: 34.8%;
}
.gallerysec ul{
	margin-left: 0px;
}
.gallerysec ul li{
	margin: 0px 0px 0px 0px;
}
.gallerysec .gallery-four-col li{
	width: 23.6%
	margin: 0px 0px 0px 0px;
}
.gallerysec figure figcaption i{
	font-size: 16px;
	margin: -11px 0 0 -13px;
	top: 50%;
}
.countdownit span.countdown_section{
	width: 85px;
}
.home .menu-items-inner h2.section-title{
	width: 80%;
}
.social-network a, .logo, .full-sec,
.ev-contdown .countdownit, .cart-sec{
	float: none !important;
	display: inline-block;
}
.ev-contdown{
	margin-right: 0px;margin-bottom: 10px;
	width: 100%;
}
.language-sec{margin-bottom: 15px;}
.countdown_section{width: 50px !important;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	width:100%;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td{
	padding:6px;
	
}
.team-shortcode article{
	margin-left:15px;
	
}

}

/*.........		Media 940Px Start	............ */
@media screen and (min-width: 900px) and (max-width: 1054px){
  .header-inner{
  	width: 940px;
  }
 
 .col-md-9 .our-cuases article{
	 width:45.333%;
	 
	}
	.our-cuases article .dis-table{
		padding:10px 20px 0;
		
	}
  .top-strip{
  	height: auto !important;
  }
  .gotop{
  	right: 2.2%;
  }
  .menu-items-3coll .items-pro article{
  	width: 303px;
  }
  .element_size_100 .comment-form-author{
  	margin-right: 24px;
  }
  #footer-widgets .widget{
    width: 222px;
  }
  .prev-btn, .next-btn{
	left: 1%;
}
.next-btn{
	right: 1%;
	left: auto;
}
.team-shortcode .carousel-active {
    left: -5px;
    width: 101% !important;
}
.our-cuases article.featureds .progress_bar,
.our-cuases article.featureds .category-sec,
.our-cuases article.no-img .inntext,
.our-cuases article.featureds .inntext,
.couses-detail .our-cuases article .inntext,
.couses-detail .our-cuases article .category-sec,
.couses-detail .our-cuases article .progress_bar{
  position:inherit !important;
   
}
 
}