/*
 Table Of Contents
 1.) Media Query for sm
 2.) Media Query for md
 3.) Media Query for lg
 ===============================================*/
/* 
  1.) Media Query for sm
 ----------------------------- */
@media (min-width: 768px) {
	#wrapper.boxed {
		width: 768px;
		margin: 0 auto;
		overflow: hidden;
	}
	.open .glyphicon.glyphicon-chevron-up{
		display:none;
	}

	/*Header Section*/
	.header-second nav {
		min-height:103px;
	}
	.navbar-nav > li > .dropdown-menu {
		position: absolute;
		width: 300px;
	}
	.navbar-default .navbar-nav > li > a {
		transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		-webkit-transition: all 0.4s ease-in-out 0s;
	}
	.social-icons {
		float: right;
	}
	.submenu-icon span.glyphicon, .submenu-icon.active .glyphicon.glyphicon-chevron-up {
		display: none;
	}
	.navbar-nav > li:hover > .dropdown-menu {
		display: block;
	}
	.social-icons {
		padding: 6px 0 0;
		margin-bottom:0;
	}
	.our-team .thumbnail{
		margin-bottom:0;
	}
	.navbar-default .navbar-nav > li {
		padding: 0 16px 0 0;
	}
	.side-nav ul  li:last-child {
		border-bottom: none;
	}
	.navbar-form{
		 width: 294px;
	}
	.open .dropdown-menu{
		display:none;
	}
	
	/*Tabs*/
	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
		margin-right: 15px;
	}
	.nav-tabs_less-space > li {
		margin-right: 0px;
	}
	.nav-tabs > li:last-child {
		margin-bottom: -1px;
	}
	.nav-tabs > li > a {
		border-radius: 0;
		min-width: 165px;
		font-size: 18px;
		color: #302f2c;
		text-align: center;
		margin-right: 15px;
	}
	
	.main-slider {
		position: relative;
	}
	

.contact-form{
	position:relative;
}
.contact-form:before{
	content: '';
	width: 1px;
	height: 94%;
	background: #eeebe6;
	position: absolute;
	right: -54px;
	top: 0;
}
}
/* 
  1.) Media Query for lg
 ----------------------------- */
@media (min-width: 992px) {
	#wrapper.boxed {
		width: 970px;
	}
	/*Header Section*/
	.navbar-default .navbar-nav > li {
		padding: 0 10px 0 0;
	}
	
	.navbar-default .navbar-nav > li:last-child {
		padding: 0 0 0 0;
	}
	
	.header-second .navbar-default .navbar-nav > li {
		padding-right:0;
		padding-left:95px;
	}
	
	.header-third .navbar-default .navbar-nav > li {
		padding-right:0;
		padding-left:30px;
	}
	
	/*Footer Section*/
	

	#footer address {
		width: 187px;
	}

}

@media (min-width:992px) and (max-width: 1200px) {
	
	.article-list.flexslider {
		width: 750px;
		margin: 0 auto;
	}

	.our-causes .slides > li + li +li {
    display: none;
}
	.our-causes .slides > li + li {
    display: block;
}
	.main-slider .tp-bullets {
		margin-left: -30px !important;
	}
	.navbar-default .navbar-nav > li {
    padding: 0 30px 0 0;

}
	
	.main-slider .banner-summary {
    margin-top: 40px !important;
}
.main-slider .tp-caption .btn.btn-default{
	 margin-top: 49px;
}
	.slider-third .banner-heading {
    margin-top: -29px !important;
}

}
@media (min-width:1200px) {
		#wrapper.boxed {
width:1444px;
}
.header-third .navbar-default .navbar-nav > li {
    padding-left:50px;
   }
}
/* 
 	2.) Media Query for md
------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav > li {
    padding: 0 6px 0 0;
}
	.header-second .navbar-default .navbar-nav > li{
		padding-right:15px;
	}
	#header.header-second .social-icons > li {
    margin-right: 7px;
}
.header-second .header-second .touch-by-mail{
	 margin: 0 14px 0 5px;
}
	/*banner Section*/
	.banner-slider h2 {
		margin-top: 27px;
	}
	.header-third .banner-slider h2 {
		margin-top: 0;
	}
	.banner-slider h2, .main-slider .banner-slider h2{
		font-size: 21px;
		margin-bottom: 14px;
	}
	.bottom-animation h2 strong {
		font-size: 21px;
	}
	.main-slider .banner-slider h2 {
		margin-top: -5px;
	}
	
	.main-slider .banner-summary, .main-slider .banner-heading {
		width: 300px;
	}
	.banner-slider p {
		margin-top: 8px;
	}
	.banner-slider p, .main-slider .banner-slider p {
		line-height: 1.2;
		font-size: 14px;
	}
	.header-third .nav-content:before {

		margin-right: 0;
		right: 83%;
	}
	.main-slider .banner-slider p {
		margin-top: -16px;
	}
	.slider-third .tp-caption .btn.btn-default {
		margin-top: -22px;
	}
	.tp-caption .btn.btn-default {
		margin-top: 22px;
	}
		
	.banner-title{
		margin-top:-10px;
	}
	.banner-description{
		margin-top:40px !important;
	}
	.banner-btn{
		margin-top:30px !important;
	}
	.main-slider {
		position: relative;
	}
	.main-slider .tp-bullets {
		margin-left: -49% !important;
		bottom: 20px !important;
	}
	.our-causes {
		padding-top: 20px
	}
	.how-to-help {
		padding-bottom: 20px;
	}
	.latest-news .section-header {
		margin: 35px 0 16px;
	}
	.news-section3 .section-header {
		margin-top: 0;
	}
	.our-causes h2 strong {
		display: inline-block;
	}
	.section-header {
		margin: 15px 0 0;
	}
	.our-causes3 .section-header {
		margin-bottom: 20px
	}
	.tp-caption .btn {
		margin-top: 0px;
	}
	.tp-caption {
		left: 15px !important;
	}
	.tparrows {
		display: none;
	}
	.our-causes .flex-control-paging {
		margin-bottom: 51px;
	}
	/*banner Section End*/

	.search-form {
		position: static;
		margin-right: 0px;
	}
	#footer .social-icons > li {
		margin-left: 10px;
	}
	.cause-summary .col-md-6 {
		margin-bottom: 40px;
	}
	.quote-block {
		margin-bottom: 45px;
	}
	/*cause*/
	.our-causes-section {
		padding-top: 20px;
	}
	
	.social-icons > li {
		margin-right: 6px
	}
	.img-thumb img {
		width: 100%;
		max-width: 100%;
	}
	/*home third*/
	.btn-wrapper {
		margin-bottom: 25px
	}
	.btn-wrapper .btn {
		padding: 10px 21px;
	}
	.news-section3 .media {
		margin-top: 30px;
		padding-top: 0;
		padding-bottom: 0;
	}
}
/*Our Mission*/
.services .section-header{
	 margin: 50px 0 44px;
}
.navbar-form{
	width:auto;
}
.panel-group{
	margin-bottom: 38px;
}



}
@media  (min-width:481px) {
	.banner-slider .slide-2 .trans-grey {
    background: none repeat scroll 0 0 rgba(68, 61, 55, 0.9);
    height: 11.07em !important;
    width: 26.42em !important;
}
.banner-slider .slide-2 .tp-caption * {
    font-size: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.banner-slider .slide-2 .tp-caption.text-white .h1 {
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 1.71em !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
    padding:0 10px !important;
}
.banner-slider .slide-2 .tp-caption a.btn-link {
    color: #ecc731 !important;
    font-family: "latoblack",sans-serif !important;
    font-size: 100% !important;
    text-decoration: none;
    padding:0 10px !important;
}
.banner-slider .slide-2 .tp-caption .btn.btn-warning {
    color: #fff !important;
    font-family: "Lato",sans-serif;
    font-size: 0.8571em !important;
    font-weight: 700 !important;
    padding: 0.7em 1.4em !important;
}
}
@media (max-width: 1023px) {

	
}
@media  (min-width: 768px) and (max-width:769px){
	
	
		.feature-btn{
		margin-top:-100px;
	}
	.banner-section .bottom-animation{
		margin-top:-100px;
		margin-left:20px;
	}
	.trans-grey{
		margin-top:-34px;
		width:300px;
		height:118px;
	}
	.banner-section .btn-link{
		font-size:14px;
		margin-left:10px;
	}
	.main-slider .tp-caption .btn.btn-default {
		margin-top: 9px;
	}
.slider-third .banner-heading {
    margin-top: -61px !important;
}
.slider-third .tp-caption .btn.btn-default {
margin-top: 25px;
}

   h1 strong, .h1 strong, h2 strong, .h2 strong, 
   h3 strong, .h3 strong, h2 strong, .h2 strong, 
   h4 strong, .h4 strong{
   	display:inline-block;
   }
	
}
/* 
  1.) Media Query for sm
 ----------------------------- */
@media (max-width: 767px) {
	h1 strong, .h1 strong, h2 strong, .h2 strong, 
	h3 strong, .h3 strong, h2 strong, .h2 strong, 
	h4 strong, .h4 strong{
   	display:inline-block;
   }
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, 
	.col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, 
	.col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		float: none;
	}
	.img-thumb img {
		width: 100%;
		max-width: 100%;
	}
	/*Header style*/
	.btn-volunteer{
	padding: 11px 17px
}
	.header-second .navbar-nav {
		float: left;
		margin: 0;
	}
	.header-second .navbar-nav {
		float: none;
	}
	.header-second .navbar-default .navbar-nav > li {
		padding: 0
	}
	.navbar-default .navbar-nav > li{
		padding:0;
	}
	.header-second .navbar {
		height: 50px;
	}
	.header-second .brand {
		margin-top: 10px;
		float: left;
		width: auto;
	}
	.header-third .brand {
		padding: 13px 10px 11px 0;
		margin-top: 0px;
	}
	.navbar-form.navbar-right:last-child {
		position: relative;
	}
	.navbar-default .navbar-nav > li > a {
		font-size: 13px;
		padding: 14px 15px 15px;
	}

	.header-third .nav-content:before {
		width: 100%;
		height: 53px;
		margin-right: 0;
		right: 83%;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background: #fff;
	}
	.header-second .search-form button[type="submit"], .header-second .search-form button[type="button"] {
		margin-top: 0;
		top: 13px;
	}
	.header-second .form-group {
		position: static;
		width: 100% !important;
		padding-right: 50px;
	}
	#header-third .navbar-default .navbar-toggle .icon-bar {
		color: #f2ede9;
	}

	.primary-header .social-links {
		float: right;
		width: auto;
	}
	.primary-header .brand {
		position: relative;
		top: 6px;
		float:left;
		width:auto;
	}

	/*banner Section*/
	.main-slider {
		position: relative;
	}
	.main-slider .tp-bullets {
		margin-left: -48% !important;
		bottom: 20px !important;
	}
	.revslider-initialised {
		height: 332px !important;
	}
	.banner-slider h2 {
		margin-top: 50px;
		margin-top: 28px;
	}
	.banner-slider h2, .main-slider .banner-slider h2 ,.bottom-animation h2 strong{
		font-size: 21px;
	}
	.main-slider .banner-slider h2 {
		margin-bottom: 14px;
		margin-top: 14px;
	}
	.main-slider .banner-summary, .main-slider .banner-heading {
		width: 300px;
	}
	.banner-slider p {
		padding-top: 20px;
	}
	.banner-slider p, .main-slider .banner-slider p {
		line-height: 1.2;
		font-size: 14px;
	}
	.main-slider .banner-slider p {
		padding-top: 20px;
	}
	.tp-caption .btn.btn-default {
		margin-top: 50px;
	}
	.tp-caption {
		left: 15px !important;
	}
	.tparrows {
		display: none;
	}
	.banner-slider p, .main-slider .banner-slider p {
		line-height: 1.2;
		font-size: 14px;
		padding-top: 0px;
	}
	.tp-caption .btn.btn.btn-default {
		margin-top: 20px;
	}

	/*banner Section End*/
	/*Causes Section*/
	.our-causes {
		padding-top: 0;
	}
	.our-causes-section {
		padding-top: 20px;
	}
	.cause-summary .col-md-6 {
		margin-bottom: 40px;
	}

	
	/*Footer*/

	#footer {
		padding-top: 36px;
	}
	.footer-logo {
		margin-bottom: 6px;
	}

	.copyright {
		margin-top: 38px;
	}

.breadcrumb > li + li:before{
	padding: 0 3px;
}

.cause-page{
	padding-bottom:50px;
}
.article-list.progressbar> .anim-section{
	margin-bottom:40px;
}
.banner-title{
margin-top:10px;	
}
.banner-description,.banner-btn{
	margin-top:70px !important;
}
   .contact-form {
    margin-bottom: 36px;
   }
   .contact-address h2{
   	margin-bottom: 20px;
   }
   .contact-address address > span:first-child {
    margin-bottom: 10px;
}
 .contact-address{
 	margin-bottom:53px;
 }
 .tparrows{
	display:none;
}
.slider-third .banner-heading {
    width: 375px;
}
.slider-third .banner-slider h2{
	font-size:30px;
}
.slider-third {
	
}
#page-info{
	padding-bottom:70px;
}

}

@media (max-width: 600px) {
	#wrapper {
		overflow: hidden;
	}
	/*Banner Section*/
	.banner-slider p, .main-slider .banner-slider p {
		line-height: 1.2;
		font-size: 14px;
		padding-top: 10px;
	}
	.tp-caption .btn.btn.btn-default {
		margin-top: 30px;
	}
	.banner-summary, .banner-heading {
		width: 300px;
	}
	.banner-slider p, .main-slider .banner-slider p {
		line-height: 1.2;
		font-size: 14px;
		padding-top: 67px;
	}
	.tp-caption .btn.btn.btn-default {
		margin-top: 120px;
	}
	h2 strong {
		display: inline-block;
	}
	
	.footer-nav { text-align:center}
	
}
@media (max-width:480px) {
	.feature-btn{
		margin-top:100px;
	}
	.banner-section .donate-button{
	margin-top:120px !important;
	margin-left:10px  !important;
}
	.banner-section .bottom-animation{
		margin-top:150px;
		margin-left:20px !important;
	}
	.trans-grey{
		margin-top:55px;
		width:300px;
		height:118px;
	}
	.banner-section .btn-link{
		font-size:14px;
		margin-left:10px;
		margin-top:100px;
	}
.align-center, .align-right{ text-align:left}
.footer-nav ul li { border:0; display:block; margin-bottom:10px;}
.btn-donate { float:none !important}
.top-align-center { text-align:center; float:none !important} 
.primary-header .social-links { float: none;
    margin: auto;
    display: inline-block;
    margin-top: 20px;}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.anim-section {
		opacity: 1 !important;
		transform: translateY(0px) !important;
		-moz-transform: translateY(0px) !important;
		-webkit-transform: translateY(0px) !important;
		-o-transform: translateY(0px) !important;
		-ms-transform: translateY(0px) !important;
		transform: translateY(0px) !important;
	}
	
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape){
.slide-1 .banner-summary,.slide-3 .banner-summary{
	margin-top:30px !important;
}
.slide-1 .btn.btn-default,.slide-3 .btn.btn-default{
		margin-top:40px !important;
}
}
@media screen and (max-device-width: 1023px) {
	.anim-section {
		opacity: 1 !important;
		transform: translateY(0px) !important;
		-moz-transform: translateY(0px) !important;
		-webkit-transform: translateY(0px) !important;
		-o-transform: translateY(0px) !important;
		-ms-transform: translateY(0px) !important;
		transform: translateY(0px) !important;
	}
	
}

@media only screen and (max-width: 991px){
		.caption-width{width: auto;}
		
		#main-table td:nth-of-type(1):before { content: "#Item"; }
		#main-table td:nth-of-type(2):before { content: "Product"; }
		#main-table td:nth-of-type(3):before { content: "Price"; }
		#main-table td:nth-of-type(4):before { content: "Quantity"; }
		#main-table td:nth-of-type(5):before { content: "Total"; }
		#main-table td:nth-of-type(6):before { content: "Remove"; }
		
		
		
}

@media only screen and (max-width: 380px){
	#summary-table td table tr td{
		min-height: 65px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.AddtoCart .table td.one{width: 60%;}
}