/* Media Queries
/* ----------------------------------- */
.iconsWrapper {display: block !important;}
.iconsWrapper span{text-align: center; margin: 0;}
.productBox{height:calc(100% - 16px);}
@media only screen and (min-width: 1024px) {
	#header .navbar-nav li > ul.dropdown-menu{display:none !important;}
	#header .navbar-nav li:hover > ul.dropdown-menu {display:block !important;}
#header .navbar-nav li:hover > ul.dropdown-menu li:hover ul{position:absolute; left:100%; top:0; display:block !important;}
#header li .menuIcon{display:none;}
	}
@media only screen and (max-width: 1279px) {
	#header .navbar-nav > li{margin:0 0px;}
	.commonBtn.whiteBtn{padding:10px 15px;}
	.topRightLinks{top:13px;}
	.rightBannerColumn{margin-right: 40px;}
	.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce{padding:0 15px;}
	
}
@media only screen and (min-width: 1180px) {
    #header .navbar-collapse{display:block !important;}
}
@media only screen and (max-width: 1179px) {
	.navbar-toggle{display:block; margin-left: auto; position: relative;		
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;	
		border: 1px solid transparent;
		  border-top-color: transparent;
		  border-right-color: transparent;
		  border-bottom-color: transparent;
		  border-left-color: transparent;
		border-radius: 4px;}
		.sr-only {
			position:absolute;
			width:1px;
			height:1px;
			padding:0;
			margin:-1px;
			overflow:hidden;
			clip:rect(0,0,0,0);
			border:0
		   }
		   .sr-only-focusable:active,
		   .sr-only-focusable:focus {
			position:static;
			width:auto;
			height:auto;
			margin:0;
			overflow:visible;
			clip:auto
		   }
		   .navbar-toggle .icon-bar {
			display:block;
			width:22px;
			height:2px;
			border-radius:1px;
			background: #fff;
		   }
		   .navbar-toggle .icon-bar+.icon-bar {
			margin-top:4px
		   }
	.navbar-collapse{display:none;}
	.cartIconWrap{margin-right: 0;}
	.navbar-toggle {
        float: none;
        margin-top: 9px;
        background: #d60000;
        border-color: #d60000;
    }
    .navbar-toggle .icon-bar {
        background: #fff;
    }
	#header .navbar-collapse{position: absolute;right: 20px;top:60px;width: 275px;box-shadow: none;padding: 0;z-index: 111;left: 0;
		transform: translateX(-50%);}
		#header .navbar-collapse .nav{margin: 0;background: #efedee;}
		#header  .navbar-nav > li{width: 100%; text-align: left; margin:0}
		#header .navbar-nav > li > a{padding: 10px;font-size: 18px;line-height: 30px;width: 100%;border-bottom: solid 1px #ccc;
			position: relative; display:block;}
		
.menuWrap{margin-left: auto; max-width: 385px;}
#header .navbar .navbar-nav > li > a {
	border-bottom: solid 1px #ccc;
	position: relative;
  }
  .home-page .left-column{width: 50%;}
  #banner{padding: 100px 0;}
  .houseHolding .video-img{width: 100%;}
  .contactRedBox .row > div{flex: 0 0 100%; max-width: 100%; text-align: center;}
  .contactRedBox .row > div.col-md-8{margin-bottom: 15px;}
  .rightBtnsTop{padding-bottom:20px; padding-top:20px;}
  #header .navbar-brand img{max-width:140px;}
  #header{z-index:1111;}
}
@media only screen and (max-width:1279px) {
		
}

@media only screen and (max-width: 1023px){
	.logoAndMenuRow .row > div{position:static;}
	.topRightLinks{top:3px;}
	.hedaerTopStrip .container{display:none;}
	.hedaerTopStrip{padding:2px 0;}
	.logoCenter{top:0;}

.homeIconMenu{text-indent:0; background:none; width:100%;}
    /* since 3.1.0 */		
	
	.commonContentSection{padding:40px 0;}
		#header .col-md-3{position:static;}
	.topRightLinks{top:-68px; }
	
	#header .navbar-nav > li{display:block; width:100%; text-align:left;}
	#header .navbar-nav > li a{display:block;}
	#header .navbar-nav > li{margin:0;}
	
#header .nav > li > a:hover::before, #header .nav > li > a:focus::before, #header .nav > li.active > a::before {
display:none;

}

.rightBannerColumn{padding-left: 30px;}
.simpleProduct{padding:0 15px;}

		}
		@media only screen and (max-width:991px) {
		.footerRow1 .container > .row > div{flex: 0 0 50%; max-width: 50%; margin-bottom:20px;}
		.logoList, .paymentList{display: inline-block; vertical-align: middle; white-space: nowrap;}
			.logoList li, .paymentList li{display: inline-block;}
			#banner{padding: 50px 0;}
			.rightBannerColumn li a{padding:10px 10px 10px 10px; font-size: 18px;}
			.commonContentSection h2{margin-bottom: 30px;}
			.aboutUsBlock .maxWidthContent{max-width: 100% !important;}
   .aboutUsBlock { background-position: 235% !important;}
			.blogDetails h1{font-size: 40px;}
			#innerPageContent{padding-top:70px;}
				.blueWrapper h1, .bgImg h1{font-size: 40px;
		font-weight: 600;
	} 
	.priceBoxRow .col-lg-3, .priceBoxRow .col-lg-4{flex:0 0 50%; max-width:50%; margin-bottom:15px;}
	.packageBox{box-shadow:none; border:solid 1px #ececec;}
	.packageBox.firstBox{margin-top:0;}
	.single-product .packageInfo{padding:15px !important;}
	.simpleProduct .packageInfo ul{display:none;}
	.woocommerce-cart.woocommerce-page .woocommerce .woocommerce-cart-form{flex: 0 0 100% !important;
max-width: 100% !important;}
.woocommerce-cart.woocommerce-page .woocommerce .cart-collaterals{flex: 0 0 45% !important;
max-width: 45% !important;}
	#header .navbar-brand img{max-width:110px; margin-bottom:-80px;}
	
		}
  
  @media only screen and (max-width:935px) {
  .resourceBoxOuter .commonbtn, .resourceBoxOuter .commonBtn { padding: 16px 17px; font-size: 14px;}
  
  
  }
  
			@media only screen and (max-width:850px) {
		.type-product.tm-has-options .tm-extra-product-options-field .cpf-section.tc-cell.tcwidth-33, .type-product.tm-has-options .tm-extra-product-options-field > div{flex:0 0 100% !important; max-width:100%!Important; margin-bottom:30px;}
		.simpleProduct form.cart .single_add_to_cart_button.button{position:relative !important; margin-left:30px; top:0 !important; right:auto !important; margin:0 0 !important; width:calc(100% - 50px) !important; float:none !important; left:25px; right:25px !important;}
			}
@media only screen and (max-width:768px) {
.bannerTopContent .row >div{flex:0 0 100%; max-width: 100%;}
.rightBannerColumn{float:none; padding-left: 0; margin-top: 30px;}

}
@media only screen and (max-width: 767px){
	.logoMenuRow .col-sm-10{max-width:100%; flex:0 0 100%;}
	.videoContent{max-width: 100%; float: none;}
	.video-img{margin-bottom: 20px;}
	.videoContent ul li strong{font-weight: 400;}	
	.iconsWrapper .row{flex-wrap: nowrap;}
	.iconsWrapper span{font-weight: 400;}
	.iconsWrapper {display: none !important;}
	.immediateBenefits h2{font-size: 28px; max-width: 100%;} 
	.immediateBenefits ul li{background-size: 35px !important; padding-left: 50px; padding-bottom: 25px; max-width: 650px; max-width: 590px;}
	.mypetSection .maxWidthContent{max-width: 100%;}
	/*.mobileRight{display: flex; flex-wrap: wrap; margin-left: auto;max-width: 60%;}*/
	.contactFormWrap .contactForm .the-calls{display: none;}
	#banner h1{  font-size: 28px; margin-bottom: 20px;}
	#banner .bulletList li{padding-bottom: 5px;}
	.home #banner{background:none !important; padding: 0;}
.home .bannerTopContent  .row .col-md-6:first-child{background: url(http://beta.americansupportanimals.com/wp-content/themes/united/images/adorable-dog.jpg) right top no-repeat; background-size: cover; padding: 25px 15px;background-position-x: center;}
	#banner .d-block{display: block; padding: 20px 15px 35px 15px;	font-size: 20px;text-align: center; font-weight: 500;}
	.rightBannerColumn .dividerTitle{display: none;}
	.rightBannerColumn{margin-top: 0;}
	.commonContentSection h2{font-size: 28px;}
	.commonContentSection h2 br{display: none;}
	.videoContent ul li strong{font-size: 20px;}
	.videoContent ul li {font-size: 16px;}
	.contactFormWrap h2{font-size: 20px; margin-bottom: 10px;}
	.contactLinks li a{word-wrap: break-word;}
	.immediateBenefits {background-size: cover !important;}
	.accaordion-tabs .ac-tabs a {
        font-weight: 600;
        font-size: 20px;
    }
    .accaordion-tabs .ac-tabs a .leftsec {
        width: 40px;
    }
    .accaordion-tabs .ac-tabs a .leftsec-ttl {
        width: calc(100% - 40px);
    }
    .accaordion-tabs .ac-tabs .green-toggle {
        line-height: 25px;
        width: 30px;
        height: 30px;
    }
    .accaordion-tabs .ac-tabs .green-toggle i {
        font-size: 15px;
    }
    .accaordion-tabs .accordion-content.ac-content {
        margin-left: 40px;
    }	
	.accaordion-tabs .accordion-content.ac-content {
        padding: 0px 10px 10px 0;
    }
    .accaordion-tabs .ac-tabs a {
        font-weight: 600;
        padding: 8px 0px 8px 0px;
    }
.blueWrapper h1, .bgImg h1{font-size: 28px;
		font-weight: 600;
	}
	.common-page-content h4 {
		font-size: 20px;
	}   
	.blogDetails h1{font-size: 28px;}
	.blogDetails .blogContent{padding: 0;}
	#innerPageContent{padding-top:55px;}
	.productBox h2 {
  padding: .5em 0;
  margin: 0;
    margin-bottom: 0px;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  color: rgb(51, 51, 51);
}
#innerPageContent.bgImg{background-size:auto 300px !important;}
#banner.innerPage{padding:40px 0;}
.threeColumnIcons, .threeColumnIcons + .trustPilotReview{display:none;}
.priceBoxRow .col-lg-3, .priceBoxRow .col-lg-4{flex:0 0 100%; max-width:100%; margin-bottom:15px;}
.packageBox{box-shadow:none;}
.qualify {text-align:center;}
.free-now{max-width:none;}
.single-product .type-product.tm-has-options{margin-top:0 !important;}
.single-product .innerPage{padding:100px 0 !important;}
.single-product .innerPage h1{margin-bottom:0;}
.woocommerce-cart.woocommerce-page .woocommerce .cart-collaterals{flex: 0 0 100% !important; max-width: 100% !important;}
.checkout.woocommerce-checkout #customer_details, .checkout.woocommerce-checkout #order_review {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom:25px;
}
.qualify .commonBtn{max-width:none; width:100%;}
.myAccountWrapper .col-md-6{margin-bottom:25px;}
.myAccountWrapper .signInForm .button, .myAccountWrapper .createAccountForm .button{width:100%; text-align:center;}
.logged-in .myAccountWrapper .woocommerce-MyAccount-navigation{width: 100% !important;}
.myaccount .woocommerce-MyAccount-contentt{width: 100% !important;padding: 10px 10px;}
.logged-in .myaccount .myAccountWrapper .woocommerce-MyAccount-navigation ul li a{font-size: 14px;width: 100%;}
.logged-in .myAccountWrapper .woocommerce-MyAccount-content{width:100%;}
	#header .navbar-brand img{max-width:120px;margin-bottom: -19px;
margin-top: -11px;}
	.navbar-header.logoText{text-align:center;}
	#header .col-sm-9{flex:0 0 100%; max-width:100%; background:#0073cb;}
	.menuWrap{margin-top:5px; margin-bottom:5px; max-width:100%;}
	/*.cartIconWrap a{color:#fff;}*/
	#header .container{padding-top:0; padding-bottom:0;}
	.navbar-toggle{margin-left:0;}
	.commonBtn.whiteBtn{padding: 4px 7px 5px 7px;
font-size: 18px;}
.rightBtnsTop{top:-5px; padding-bottom:13px; padding-top:12px;}
#header .navbar-collapse{left:-300px; transform:none; transition:all 0.5s ease-out; display:block !important; min-height:205px; top:58px;}
#header .navbar-collapse.show{left:-15px;}
.navbar-collapse ul{display:block !important;}
.navbar-collapse ul{float:none;}
.navbar-brand{margin-right:0;}
 .tm-ui-dp-main-cell-content{padding: 4px!important;
line-height: 1.8!important;
font-size: 14px !important;}
.tm-datepicker-large .tm-ui-dp-container{min-width:300px !important;}
.tm-ui-dp-title .tm-ui-dp-month, .tm-ui-dp-title .tm-ui-dp-year{font-size:16px !important;}
.tm-ui-dp-btn{font-size:16px !important;}
.single-product #banner.innerPage{padding:30px 0 !important;}
#innerPageContent.blogBg {min-height:320px !important; background-size:100% 300px !important;}
.blogList{margin-top:160px;}
#innerPageContent.questionnairePage{background-size:cover !important; position:relative; background-position:calc(100% - 25%) center !important;}
.questionnairePage .container{position:relative; z-index:1;}
.questionnairePage::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.57);
  width: 100%;
  height: 100%;
}
.commonContentSection.questionnairePage h1{margin-bottom:10px;}
.commonContentSection.questionnairePage .subHeadingText{font-size:18px; }
.questionnaireFormWrap .cf7mls-btns .cf7mls_back.action-button, .questionnaireFormWrap .fieldset-cf7mls .cf7mls_next{padding:10px 25px; min-width:auto; width:auto;}
.questionnaireFormWrap .wpcf7-form h3, .questionnaireFormWrap .form-group p, .questionnaireFormWrap .form-group > label{font-size:16px;}
	#banner:before{display:none;}	
	.footerRow2{padding-bottom:60px;}
 
 h3.dividerTitle, h3.divider-title { max-width: 380px;width: 100%;}
 .contactForm { max-width: 394px; position: relative; width: 100%;}
 .resourceBoxOuter .commonbtn, .resourceBoxOuter .commonBtn { padding: 16px 35px; font-size: 15px;}
	.bannerOverlapImg{margin-top:40px; margin-bottom:20px;}	
	.bannerOverlapImg img{max-width:none; width:100%; height:auto;}
	.bannerOverlapImg .row > div{margin-bottom:20px;}
	
	.single-product.postid-215 #banner.innerPage {background-position: left 30% center !important;}
  .single-product.postid-224 #banner.innerPage {background-position: left 33% center !important;}
  .single-product.postid-302 #banner.innerPage {background-position: left 37% center !important;}
	.single-product.postid-303 #banner.innerPage {background-position: left 33% center !important;}
	.single-product.postid-301 #banner.innerPage {background-position: left 42% center !important;}
}

@media only screen and (max-width:600px){
.footerRow1 .container > .row > div{flex: 0 0 100%; max-width: 100%; margin-bottom:20px;}
}


@media only screen and (max-width:560px){
 
.footerRow2 .txtblock { display: inline-block;}
 }

@media only screen and (max-width:480px){
   
	#banner h1{font-size: 20px;}
	#banner .d-block{padding-left:0; padding-right: 0;}
	.contactFormWrap h2{font-size: 16px;}
	.pricbgh {
		width: 73px;
		height: 73px;
		line-height: 73px;
		top: 0;
		right: 0;
	  }
	  .contactForm{width: 100%;}
	  .rightBannerColumn li a{padding-right: 80px; padding-left: 5px;}
	  #banner.innerPage{padding:20px 0;}
	}
@media only screen and (max-width:420px){
#header .rightBtnsTop .linkBtn{font-size:13px;}
	#header .rightBtnsTop .commonBtn{font-size:12px;}
	.rightBtnsTop i{font-size:15px;}
}
@media only screen and (max-width:340px){
	#banner h1{font-size: 16px;}
	#header .rightBtnsTop .linkBtn{font-size:12px; margin-right:5px;}
	#header .rightBtnsTop .commonBtn{font-size:12px; margin-right:-8px;}
}