@media only screen and (max-width : 1920px) {}

@media only screen and (max-width : 1600px) {}

@media only screen and (max-width : 1460px) {}

@media only screen and (max-width : 1366px) {

	}
@media only screen and (max-width : 1280px) {

}

@media only screen and (max-width : 1199px){
.navRight ul li a {
	color: #000;
	padding: 0 30px;
}
}

@media only screen and (max-width : 1135px) {
.campaginsRightImg{
	padding:0 25px
}
}

@media only screen and (max-width : 1024px) {

.navRight ul li a {
  color: #000;
  padding: 0 17px;
} 
}	

@media only screen and (max-width : 1000px) {
	
	
	}

@media only screen and (max-width : 991px) {
.logo.autoWidLeft img {
  width: 126px;
}
.navRight ul li {
  line-height: 40px;
}
nav {
  padding: 13px 0;
}
.navRight ul li.linkBtn_wrap {
  padding: 0;
}
.navRight ul li.linkBtn_wrap a {
  padding: 10px 15px;
}
header.sticky .logo {
  width: auto;
}
header.sticky .logo.autoWidLeft img {
  width: 126px;
  padding-top: 7px;
}
.search {
  top: 100%;
}
.seals li:last-child {
	width: 125px;
}
.summary .table-responsive{
	border:1px solid #ddd;
}
.summary .table-responsive table{
	width:350px;
}
.cart_checkout ul li span, .cart_checkout .cart_checkout_btn, .cart_checkout ul li{
	font-size: 13px;
}
.product-meta h3{
	font-size:15px;
}
.product-meta h3 a{
	font-weight:600;
}
.campaginsRightImg {
  padding: 0;
}
.campaginsRight{
	padding-left:20px;
}
.barTitle h2{
	font-size:40px;
}
.shopItemLeft{
	position:absolute;
	left:0;
	top:40px;
	right:0;
	width:calc(100% - 106px);
	margin:0 auto;
	z-index:1;
	display:none;
	box-shadow:0 0 5px 0 rgba(160, 160, 160, 0.57);
	-moz-box-shadow:0 0 5px 0 rgba(160, 160, 160, 0.57);
	-ms-box-shadow:0 0 5px 0 rgba(160, 160, 160, 0.57);
	-o-box-shadow:0 0 5px 0 rgba(160, 160, 160, 0.57);
	-webkit-box-shadow:0 0 5px 0 rgba(160, 160, 160, 0.57);
}
.shop_width .col-md-3.col-sm-12.col-xs-12{
	margin-bottom:20px;
}
.browse_btn{
	display:block;
}
.modropy_story_note h2 {
  font-size: 20px;
  line-height: 30px;
  padding: 15px 0;
}
}

@media only screen and (max-width : 960px) {}

@media only screen and (max-width :910px) {}

@media only screen and (max-width : 900px) {
	
	}

	

@media only screen and (max-width : 885px) {}

@media only screen and (max-width : 880px) {}

@media only screen and (max-width : 875px) {
}

@media only screen and (max-width : 768px) {

	}

@media only screen and (max-width : 767px) {
.navRight {
  float: right;
  padding-right: 56px;
  width: auto;
}
.modropy_story_step_wrap{
	padding-left:0;
}

.sticky .navigation {
    margin-top: 0px;
}
header{
	min-height:auto;
	/*padding:13px 0;*/
	top:20px; 
	z-index:99999;
	padding:0 15px;
	position:fixed
}
header.sticky {
 padding:0 15px; 

}

/*--nav--*/
.menu-responsive{
	background:none;
	border: #333 1px solid;
	cursor: pointer;
	display: block;
	float: left;
	padding: 9px 6px 6px;
	z-index:99999;
	position:absolute;
	top:23px;
	right:calc(100% + 15px);
}
header.sticky .menu-responsive {
	top:7px}
.menu-responsive.menu_responsiveTo {
  background: #000;
  left: calc(100% - 48px);
  right: auto;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.menu-responsive span, .menu_responsiveTo span{
	display:block;
	width:20px;
	height:2px;
	background:#333;
	margin-bottom:3px;
}
.navigation{
	margin:0;
	background: rgba(255,255,255,.9);
	display: block;
	position: fixed;
	height:100%;
	top: 0;
	right:-260px;
	-ms-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-webkit-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
	
	width:260px;
	z-index:9999;
	text-align:left;
	padding:20px
}
.navigation.left0 {
  right: 0;
  width: 100%;
  padding: 0;
}
.navigation ul {
  margin-top: 30px;
  width: 100%;
}
.navigation ul ul{
	display:none;
	background:#000000;
}
.navigation ul li{
	float:none;
	width:100%;
	/*border-top: 1px solid #3d3d3d;*/
}

.navigation ul li a{
	display:block;
	color:#333;
	font-size:15px;
}

.navigation ul li a:before{
	content:"";
	}
.navigation ul li a:hover{
	color:#fff;
	background:#f47820;
}
.navigation ul li span{
	cursor: pointer;
	display: block;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 0;
	width: 30px;
	display:none;
}
.navigation ul li:hover ul {
	display: none;
}
.navigation ul li ul li a{
	padding-left:25px;
}
.navigation ul li ul li ul li a{
	padding-left:35px;
}

.navigation ul li.sub_menu_open span::after {
	content: "+";
	left: 0;
	color:#fff;
	font-size:24px;
	margin:auto;
	width:15px;
	height:15px;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	bottom:0;
}
.navigation ul li.sub_menu_open span.open::after {
	content: "x";
	font-size:18px;
	height:20px;
	width:10px;
}
.menu_responsiveTo span{
	opacity:0;
}
.menu_responsiveTo:after{
	position:absolute;
	content:"X";
	top:4px;
	left:0;
	right:0;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	font-size:18px;
}
.navigation ul li a{
	padding:10px 15px;
}

nav ul li{
	border-bottom:#ccc 1px solid;
	}
nav ul li:last-child{
	border-bottom:#ccc 1px solid;
	}	
	
.banner {
	margin-top:41px;
	}
.modropy_step .col-xs-6 {
	width:100%;
	margin:0 0 20px;
	}		
.address{
	margin-bottom:30px;
}
.summary .table-responsive table{
	width:100%;
}
.cart_checkout ul li span, .cart_checkout .cart_checkout_btn, .cart_checkout ul li{
	font-size: 15px;
}
.product-meta h3{
	font-size:20px;
}
.bannerRight::after{
	display:none;
}

.bannerLeft{
	display:block;
	width:100%;
}
.banner{
	height:auto;
	width:100%;
	position:relative;
}

.bannerLeft{
	height:220px;
}
.bannerRight{
	position:absolute;
	top:40%;
	text-align:center;
	background:rgba(255,255,255,0.8);
	padding:15px 15px;
	width:calc(100% - 40px);
	margin:0 auto;
	left:0;
	right:0;
}
.bannerRight h2{
	font-size:18px;
	padding:0;
}
.bannerRight h4{
	font-size:15px;
}
.mob_hedding_mt{
	margin-top:40px;
}
.welcome_myAccount h2{
	font-size: 24px;
	line-height: 28px;
}
.shipping_hedding h1{
	font-size:28px;
	line-height:30px;
}
.campaginsLeft, .campaginsRight{
	display:block;
	text-align:center;
	width:100%;
	float:left;
}
.campagins_wrap .campaginsLeft .imgContainer img{
	margin-bottom:15px;
}
.campaginsRight{
	padding-left:0;
}
.campagins_wrap .campaginsLeft .imgContainer img, .campagins_wrap .campaginsRight .imgContainer img{
	width:auto;
	display:inline-block;
}
.campaigns_hedding h2 {
	font-size: 30px;
	line-height: 30px;
}
.barTitle h2{
	font-size:25px;
}
.modropy_story_note h2 {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0;
}
}

@media only screen and (max-width : 736px) {

		
	}

@media only screen and (max-width : 700px) {

}

@media only screen and (max-width : 667px) {
.account_social .col-md-6.col-sm-6.col-xs-6{
	width:100%;
}
}

@media only screen and (max-width : 600px) {
h2 {
  font-size: 20px;
  line-height: 20px;
}

.flex-caption h1 {
  font-size: 23px;
  line-height: 27px;
}

.why-chooseLeft {

  height: 250px;
  width: 100%;
  background-position:0 0;
  -moz-background-size: cover;
	 -ms-background-size: cover;
	 -o-background-size: cover;
	 -webkit-background-size: cover;
	 background-size: cover;
}
.why-chooseRight {
  height: auto;
  width: 100%;
}
.innerWrap {
  padding: 15px 0 0 32px;
  max-width: 100%;
  padding: 20px 15px;
}
.welcome .col-xs-6{
	width:100%;
	}
.welcome .col-xs-6:first-child{
	margin-bottom:30px;
	}
	
}

@media only screen and (max-width : 568px) {



}

@media only screen and (max-width : 545px) {
.search{
	right:-120px;
}
.avia-arrow{
	right:140px;
}
}

@media only screen and (max-width : 480px) {

				
}

@media only screen and (max-width : 479px) {
.partnerTestimonialLeft {
  display: block;
  float: left;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px;
}
.partnerTestimonialRight {
  display: block;
  float: left;
  vertical-align: top;
  width: 100%;
}
.partnerTestimonialLeft img {
  height: 120px;
  width: 120px;
}

footer .col-xs-6 {
	width:100%;
	}	
.create_capaign_img{
	display:block;
	width:18px;
}
.create_capaign_content{
	display:none;
}
.logo{
	padding-left:0;
	padding-right:0;
}
.navRight{
	padding-right:42px;
}
.navRight ul li a {
	padding: 0 10px;
}
.navRight ul li.linkBtn_wrap a {
	padding: 9px 12px;
}
.logo {
	width: 112px;
}
.cart_table .table-responsive table{
	width:500px;
}
.account_campaign_btn {
	font-size: 15px;
}
.shop_width .col-md-4.col-sm-4.col-xs-6{
	width:100%;
}
.account_social h1.p-b-10 {
  font-size: 23px;
}

}
 
@media only screen and (max-width : 414px) {
.card_details .credit_card_form .checkout_form_fild label{
	font-size:12px;
}
.policy_details_type h3, .about_para h3, .modropy_story_step h4{
	font-size:18px;
	line-height:22px;
}
.story_fo_modropy .hedding h2, .policy_details_type h1 {
  font-size: 24px;
  line-height: 28px;
}
.stor_catagory_wrap .col-md-3.col-sm-3.col-xs-6{
	width:100%;
}
.charity_submit_btn {
	font-size: 13px;
	padding: 15px 30px;
}
.remember_btn{
	padding-left:20px;
}


}

@media only screen and (max-width : 384px) {
.address h4{
	font-size:15px;
	line-height:20px;
}
.account_campaign_btn {
  font-size: 13px;
}
.search{
	width:280px;
}
}

@media only screen and (max-width : 375px) {
}

@media only screen and (max-width : 320px) {

}

@media only screen and (max-width : 240px) {}


/*---------RESPONSIVE----------*/
@media screen and (min-width:768px){
.navigation ul li ul {
	display: block;
	min-width: 150px;
	position: absolute;
	background:#333;
	top:100%;
	left:0;
	opacity:0;
	visibility:hidden;
	transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transform: scaleY(0) translateY(15px);
	-webkit-transform: scaleY(0) translateY(15px);
	-o-transform: scaleY(0) translateY(15px);
	-ms-transform: scaleY(0) translateY(15px);
	transform: scaleY(0) translateY(15px);
}
.navigation ul li:hover ul{
	opacity:1;
	visibility:visible;
	-moz-transform: scaleY(1) translateY(0);
	-webkit-transform: scaleY(1) translateY(0);
	-o-transform: scaleY(1) translateY(0);
	-ms-transform: scaleY(1) translateY(0);
	transform: scaleY(1) translateY(0);

}
.navigation ul li ul li{
	width:100%;
	float:none;
}
.navigation ul li:hover ul li ul{
	opacity:0;
	visibility:hidden;
	top:0;
	left:100%;
	-moz-transform: scaleY(0) translateY(15px);
	-webkit-transform: scaleY(0) translateY(15px);
	-o-transform: scaleY(0) translateY(15px);
	-ms-transform: scaleY(0) translateY(15px);
	transform: scaleY(0) translateY(15px);
}
.navigation ul li ul li:hover ul{
	top:0;
	left:100%;
	opacity:1;
	visibility:visible;
	-moz-transform: scaleY(1) translateY(0);
	-webkit-transform: scaleY(1) translateY(0);
	-o-transform: scaleY(1) translateY(0);
	-ms-transform: scaleY(1) translateY(0);
	transform: scaleY(1) translateY(0);
}
.menu-responsive{
	display:none;
}
}