/*
LAYOUT: Pre and Code
DESCRIPTION: Fixing these so when scaled down they won't create a scroll bar and break the responsiveness.
NOTE: Do not use these two together... ie. <pre><code>Something</code></pre>
*/

#content pre {
	font-size: 80%;
	overflow: hidden;
	padding: 1em;
}

#content code {
	font-size: 70%;
	margin-bottom: 24px;
}

/*
LAYOUT: Responsive Images & Video
DESCRIPTION: Responsive.
*/

#branding img, #content img {
	margin: 0;
	height: auto;
	max-width: 100%;
	width: auto;
}

iframe, object, embed{
	max-width: 100%;
}

#content .wp-caption{
	padding: 0px;
	width: auto !important;
}

#content .wp-caption.alignnone{
	clear: both;
}

/*
Notes: You shouldn't really have to mess with anything down here. Unless you are drastically chaning the Twenty Ten theme.
	
/* --------------------------------------------------------*/
/*-----------------MMMMM----------MMMMM----E---------------*/
/*-----------------MMMMMM--------MMMMMM------D-------------*/
/*-----------------MMMMMMM------MMMMMMM----Q---I-----------*/
/*-----------------MMMMMMMM----MMMMMMMM------U---A---------*/
/*-----------------MMMMMMMMM--MMMMMMMMM--------E-----------*/
/*-----------------MMMM-MMMMMMMMMM-MMMM----------R---------*/
/*-----------------MMMM--MMMMMMMM--MMMM------------I-------*/
/*-----------------MMMM---MMMMMM---MMMM--------------E-----*/
/*-----------------MMMM----MMMM----MMMM----------------S---*/
/*-----------------MMMM------------MMMM--------------------*/
/*-----------------MMMM------------MMMM--------------------*/
/*-----------------MMMM------------MMMM--------------------*/
/*-----------------MMMM------------MMMM--------------------*/
/*-----------------MMMM------------MMMM--------------------*/
/* --------------------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 1024px){
	#wrapper {
		margin: 0px auto;
		width: 100%;
	}


.vaporizers-image {
    float: none;
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

.vaporizer-right {
    float: none;
    margin: 34px auto 0;
    text-align: center;
    width: 95%;
}


.vaporizer-right .rating-area {
    margin: 0 auto !important;
    width: 215px;
}

.page #container {
    padding-left: 0;
}
#primary, #secondary {
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 96% !important;
}

.cover {
		margin: 0px auto;
		width: 100%;
                max-width: 96%;
	}
	  
	#access,
	#access .menu-header,
	div.menu,
	#colophon,
	#branding,
	#main,
	#footer {
	    margin: 0 auto;
	    width: 100%;
	}
	  
	#branding{
		overflow: hidden;
	}
	
	/*
	LAYOUT: Responsive Images & Video
	DESCRIPTION: Responsive.
	*/
	#content img {
		margin: 0;
		height: auto;
		max-width: 100%;
		width: auto;
	}
	
	img, object, embed, iframe, #content .wp-caption {
		max-width: 100%;
	}
	
	#content .wp-caption img{
		max-width: 95%;
	}
	  
	/*
	LAYOUT: Two columns
	DESCRIPTION: Responsive.
	940 = 720 + 220
	100% = 76.5957447% + 23.40425535% 
	*/
	
	#container {
		float: left;
		margin: 0 -25.5319149% 0 0;
		width: 100%;
	}
	#content {
		width: 96%;
	margin:0 auto;
	}

.single #content {
    padding-left: 0;
}
	#primary,
	#secondary {
		overflow: hidden;
		width: 23.40425535% /* 200px / 940px */ 
	}
	
	#site-title, #site-info {
		width:74.4680851% /* 700px / 940px */
	}
	
	#footer-widget-area .widget-area,
	#site-generator,
	#site-description  {
		width: 23.40425535% /* 200px / 940px */ 
	}
#footer-widget-area #second {
  float: none;
  text-align: center;
  width: 100%;
  margin: 0;
}
#footer-widget-area #third {
  float: none;
  text-align: center;
  width: 100%;
  margin: 0;
}
.post-container2 .post-view1.more1 {
  margin: 0 auto;
  width: 100%;
}
.news-left {
  float: left;
  width: 70%;
}
.featured-in-inner1 {
  margin: 0 auto;
  width: 100%;
}
.featured-in-inner1 > img {
  margin-right: 33px;
}
.featured-in-inner2 {
  margin: 0 auto;
  width: 78%;
}
.page-left-side {
  float: none;
  margin: 0 auto;
  width: 98%;
}
.page-right-side {
  float: none;
  margin: 0 auto;
  width: 50%;
}
.ful-m-s .s-m-input input[type="text"] {
  width: 100%;
}
.s-m-input {
  float: left;
  width: 90%;
}
.ful-m-s .s-m-button input[type="submit"] {
  margin-left: 6px;
}
.post-container3-lft {
  float: left;
  margin-right: 15px;
  width: 29%;
}
.post-container3-rgt {
  float: right;
  width: 67%;
}
.sidebar-portable-vaporizers-inn .read-portable > a {
  background: #d71012 none repeat scroll 0 0;
  border-radius: 0;
  color: #fff;
  font-family: open_sanssemibold;
  font-size: 16px;
  padding: 8px 18px;
  text-decoration: none;
  width: 100%;
}
.sidebar-portable-vaporizers-inn {
  background: #fbfbfb none repeat scroll 0 0;
  padding-bottom: 1px;
}
.buy-pax-vaporizer {
  background: #fbfbfb none repeat scroll 0 0;
  margin-bottom: 20px;
  margin-top: 35px;
  padding: 20px 22px;
  text-align: center;
}


} /* This belongs here. It goes to @media only screen and (min-width: 481px) and (max-width: 1024px) */


@media screen and (max-width: 768px) {
.logo-area {
  float: none;
  margin: 0 auto;
  width: 42%;
}

.cnt-form {
    background: #fbfbfb none repeat scroll 0 0;
    width: 90%;
    margin: 0 auto;
}

.menu-area {
  float: none;
  margin: 10px auto 0;
  width: 24%;
}
.header-social-icon {
  float: none;
  width: 100%;
}
.heade-social-icon-lft {
  float: left;
  text-align: center;
  width: 25%;
}
.post-container2 {
  float: none;
  margin: 0 auto 71px !important;
  text-align: center;
  width: 62%;
}
.portable-vaporizers .post-content33 {
  height: 100px;
  margin-top: 10px;
  overflow: hidden;
}
.post-container1 {
  float: none;
  margin: 0 auto 30px !important;
  width: 62%;
}
.post-container1 .post-view.more {
  height: auto;
  margin-bottom: 10px;
  margin-top: 5px;
}
.comment-area {
  margin-bottom: 10px;
}
.post-container1 .post-thumbanail img {
  height: 300px !important;
  width: 100% !important;
}
.newsletter-area {
  padding: 10px 0 0;
}
.newslwtter-inner1 {
  border-bottom: 1px solid #dfdfdf;
  float: none;
  height: 197px;
  width: 100%;
}
.newslwtter-inner-part {
  margin: 0 auto;
  padding: 25px;
  width: 60%;
}
.newslwtter-inner1:nth-child(2) {
  border-bottom: 0px;
}
#footer-widget-area #first {
  float: none;
  margin: 0 auto;
  padding-top: 20px;
  width: 22%;
}
.featured-in-inner1 > img {
  margin-right: 0px;
}
.featured-in-inner2 > img {
  margin-right: 0px;
}
.featured-in-inner1 {
  margin: 0 auto 20px;
  text-align: center;
  width: 60%;
}
.featured-in-inner2 {
  margin: 0 auto 20px;
  text-align: center;
  width: 50%;
}
.newsletter-submit {
  padding: 9.2px 20px;
}
.page-right-side {
  float: none;
  margin: 0 auto;
  width: 63%;
}
.rp4wp-related-posts ul li {
  clear: none !important;
  float: left;
  margin-right: 15px !important;
  text-align: center;
  width: 165px;
}
.single-news-suscribe .news-left {
  float: left;
  width: 40%;
}
}
@media screen and (max-width: 736px) {
.newslwtter-inner-part {
  margin: 0 auto;
  padding: 25px;
  width: 70%;
}


.vaporizers-image {
    width: 80%;
}

.post-container2 {
  float: none;
  margin: 0 auto 71px !important;
  text-align: center;
  width: 72%;
}
.vapepens .post-content33 {
  height: 71px;
  margin-top: 10px;
  overflow: hidden;
}
.rp4wp-related-posts ul li {
  clear: none !important;
  float: none;
  margin: 0 auto !important;
  text-align: center;
  width: 40%;
}
.rlt-post .rp4wp-related-posts {
  display: block;
  text-align: center;
}
.rp4wp-related-post-image {
  float: none !important;
  height: 125px !important;
  margin-left: 70px !important;
  padding-right: 0 !important;
  width: 125px !important;
}
.rp4wp-related-posts ul li:nth-child(4) {
  margin: 0 auto !important;
}
}
@media screen and (max-width: 667px) {
#footer-widget-area #second {
  float: none;
  margin: 0;
  text-align: center;
  width: 98%;
}
#menu-footer-memu a {
  color: #fff;
  font-family: latoregular;
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
  text-transform: uppercase;
}
.page-right-side {
  float: none;
  margin: 0 auto;
  width: 71%;
}
}
@media screen and (max-width: 600px) {
.post-container2 {
  float: none;
  margin: 0 auto 71px !important;
  text-align: center;
  width: 90%;
}
.post-container1 {
  float: none;
  margin: 0 auto 30px !important;
  width: 77%;
}
.newslwtter-inner-part {
  margin: 0 auto;
  padding: 25px;
  width: 85%;
}
.featured-in-inner1 {
  margin: 0 auto 20px;
  text-align: center;
  width: 74%;
}
.featured-in-inner2 {
  margin: 0 auto 20px;
  text-align: center;
  width: 67%;
}
.rp4wp-related-posts ul li {
  clear: none !important;
  float: none;
  margin: 0 auto !important;
  text-align: center;
  width: 50%;
}
.page-right-side {
  float: none;
  margin: 0 auto;
  width: 78%;
}
}
@media screen and (max-width: 568px) {
.post-container1 {
  float: none;
  margin: 0 auto 30px !important;
  width: 85%;
}
#footer-widget-area #first {
  float: none;
  margin: 0 auto;
  padding-top: 20px;
  width: 30%;
}
#footer-widget-area #second {
  float: none;
  margin: 0;
  text-align: center;
  width: 93%;
}
}

@media screen and (max-width: 414px) {
.read-portable > a {
  background: #d71012 none repeat scroll 0 0;
  border-radius: 28px;
  color: #fff;
  font-family: latosemibold;
  font-size: 14px;
  padding: 8px 18px;
  text-decoration: none;
}



.page-left-side {
    padding-left: 0;
}

.portable-area-title {
    font-size: 22px;
    line-height: 30px;
    margin: 22px 0 15px;
    }



.single .comment-form-left {
    float: none;
    margin: 0 auto;
    min-width: 200px;
    width: 90% !important;
}



.single #respond input {
    background: #f6f7fb none repeat scroll 0 0;
    border: medium none !important;
    box-shadow: none !important;
    margin: 0 0 9px;
    padding: 8px 4px;
    width: 75%;
}


.veporizer-btn {
    margin-top: 50px !important;
    text-align: center;
}
.page-right-side {
    float: none;
    margin: 0 auto;
    width: 95%;
}

.single-news-suscribe .news-left {
    float: left;
    width: 170px;
}


.rp4wp-related-post-image {
    float: none !important;
    height: 125px !important;
    margin-left: 20px !important;
    padding-right: 0 !important;
    width: 125px !important;
}


.post-container2 .post-view1.more1 {
  margin: 0 auto;
  width: 100%;
}
.logo-area {
  float: none;
  margin: 0 auto;
  width: 65%;
}
.menu-area {
  float: none;
  margin: 16px auto 0;
  width: 40%;
}
.newsletter-submit {
  padding: 9.2px 14px;
}
.news-left {
  float: left;
  width: 64%;
}
#footer-widget-area #second {
  float: none;
  margin: 0;
  text-align: center;
  width: 93%;
}
#footer-widget-area #first {
  float: none;
  margin: 0 auto;
  padding-top: 20px;
  width: 35%;
}


.logo-area-mid {
  float: left;
  left: 571.5px;
  position: absolute;
  text-align: center;
  top: 62px;
  z-index: 999;
}






.post-container3-lft .post-thumbanail1 img {
    border: 6px solid #3c79a1;
    border-radius: 50%;
    height: 160px !important;
    width: 183px !important;
}


.post-container3-lft {
    float: none !important;
    margin: 0 auto;
    width: 170px;
}

.post-container3-rgt {
    float: none;
    text-align: center;
    width: 100%;
}


.sidebar-portable-vaporizers .portable-area-title {
     text-align: center;
   
}

.post-container3 .page-banner {
    background-repeat: no-repeat;
    float: none;
    height: 17px;
    margin: 0 auto;
    position: relative;
    top: 3px;
    width: 108px;
}

.sidebar-portable-vaporizers-inn .read-portable > a {
    font-size: 11px;
   }




	
} /* @media screen and (max-width: 414px) */

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


.heade-social-icon-lft1 > a {
    color: #fff;
    font-size: 20px;
    line-height: 40px !important;
}


.buy-pax-vaporizer {
    background: #fbfbfb none repeat scroll 0 0;
    margin-bottom: 20px;
    margin-top: 35px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.heade-social-icon-lft1 {
    background: #31bbe8 none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px;
}

}
@media screen and (max-width: 375px) {
.news-left {
  float: left;
  width: 60%;
}

.nopin {
    width: 65px !important;
}

}
@media screen and (max-width: 320px) {
.portable-area-title {
  color: #333;
  font-family: latobold;
  font-size: 25px;
  line-height: 30px;
  margin: 24px 0 41px;
  text-align: center;
  text-transform: uppercase;
}

.nopin {
    width: 60px !important;
}

.post-thumbanail1 img {
  border: 6px solid #3c79a1;
  border-radius: 50%;
  height: 250px !important;
  width: 250px !important;
}
.read-portable > a {
  background: #d71012 none repeat scroll 0 0;
  border-radius: 28px;
  color: #fff;
  font-family: latosemibold;
  font-size: 12px;
  padding: 8px 18px;
  text-decoration: none;
}
.need-help-area span {
  font-size: 40px;
}
.post-container1 {
  float: none;
  margin: 0 auto 30px !important;
  width: 97%;
}
.post-container1 .coment-count {
  color: #9f9f9f;
  float: right;
  font-family: pt_sansregular;
  font-size: 14px;
  width: 34%;
}
.newslwtter-inner-part {
  margin: 0 auto;
  padding: 18px;
  width: 88%;
}
.newslwtter-inner1 {
  border-bottom: 1px solid #dfdfdf;
  float: none;
  height: 235px;
  width: 100%;
}

.newsletter-submit {
  background: #e21819 none repeat scroll 0 0;
  border: medium none;
  color: #fff !important;
  font-family: latosemibold !important;
  font-size: 14px !important;
  padding: 9.2px 7px;
}
.news-left {
  float: left;
  width: 65%;
}
#footer-widget-area #first {
  float: none;
  margin: 0 auto;
  padding-top: 20px;
  width: 45%;
}
#footer-widget-area #second {
  float: none;
  margin: 0;
  text-align: center;
  width: 100%;
}
}


/*
/* We left these here for you incase you needed them. You do not need to add anything for the Videos or Images.
/*
/*
/* Media = iPad orientation: landscape */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	
}/* This belongs here. It goes to @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) */

/*--------------------------------------------------------------------------------*/

/* Media = iPad orientation: portrait */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

}/* This belongs here. It goes to @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) */

/*--------------------------------------------------------------------------------*/

/* Media = Mobile - iPhone */

@media handheld, only screen and (max-device-width: 480px) {
	iframe, object, embed{
		width: 100%;
		height: auto;
	}
	#content pre {
		font-size: 60%;
		overflow: hidden;
		padding: 1em;
	}
	
	#content code {
		font-size: 50%;
		margin-bottom: 24px;
	}
}/* This belongs here. It goes to @media handheld, only screen and (max-device-width: 480px) */
	
/* Media = Mobile - All Others - orientation:portrait */

@media handheld, only screen and (max-device-width: 480px) and (orientation:portrait) {
	iframe, object, embed{
		width: 100%;
		height: auto;
	}
	
	#content pre {
		font-size: 80%;
		overflow: hidden;
		padding: 1em;
	}

	#content code {
		font-size: 50%;
		margin-bottom: 24px;
	}
}/* @media handheld, only screen and (max-device-width: 480px) and (orientation:portrait) */

/* Media = Mobile - All Others - orientation:landscape */

@media handheld, only screen and (max-device-width: 767px) and (orientation:landscape) {
	iframe, object, embed{
		width: 100%;
		height: auto;
	}
}/* This belongs here. It goes to @media handheld, only screen and (max-device-width: 767px) and (orientation:landscape) */