/*
Theme Name: Mr. Tailor Child Theme
Theme URI: http://mrtailor.getbowtied.com/
Description: This is a child theme for Mr. Tailor.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: mrtailor
Version: 1.2.2
*/

@import url("../mrtailor/style.css");

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/
div.timeline-footer {background:#FFF!important;
opacity:1!important;
background:rgba(255, 255, 255, 1)!important;
font-size:30px;
 }
#twitter-widget-0 {
background:#FFF;
}
.gfwcoptions {
margin: -45px 0 0 10px!important;
}
/****************************************************************
                Read More Button on Blog Page                
****************************************************************/
.more-link {
  padding: 8px 19px;
  font-size: 18px;
  width: auto;
  display: inline-block;
  margin-top: 20px;
background:#489fd5!important;
border-radius:4px;
color:#FFF;
font-weight: 100;
}
.more-link:hover {
padding:8px 21px;
color:#efefef;
}

/****************************************************************
                  Padding on Blog Home Page                     
****************************************************************/
.large-8.columns.with-sidebar {
padding:15px 30px!important;

}

/****************************************************************
                 Blog Post Heading Size Fix                    
****************************************************************/
.blogpost h1 {
font-size: 2em!important;
 line-height: 1.2em;
}
.blogpost h2 {
font-size:1.6em;
}
.blogpost h3 {
font-size: 1.25rem !important;
 padding: 25px 0 8px;
}
/****************************************************************
                    Blog Post padding                              
****************************************************************/
.blogpost {
padding:0 30px!important;
}

@media (min-width:1350px) {
input#author,input#email,input#url { 
background:#fafafa;
border:1px solid #888;
}
h3.widget-title {
border-top:2px solid #A3A6A8;
border-bottom:2px solid #A3A6A8;
padding:10px 0px;
}
#secondary {
width:100%;
min-width:100%!important;
margin-left:-60px;
min-width:420px;
padding:20px;

}
.comments_section {
background:#FFF!important;
}
.comments-area {
background:#FFF;
}
textarea#comment {
background:#fafafa;
border:1px solid #888;
border-radius:4px;
}
.blog#comments {
background:#FFF;
padding:20px;
border-radius:3px;
border:1px solid #e6e6e6;
}

.entry-content ul {
font-size:1em;
line-height:1.75em;
}
.post_header_date {
display:none;
}
.entry-title {
text-align:left!important;
}
#post h1:first-child {
margin-top:0px!important;
}
#post > div > div > header > div.row > div > h1 {
font-style: normal;
 font-size: 36px!important;
 line-height: 46px;
 text-align: left;
 text-transform: uppercase;
text-align:left!important;
margin-top:30px!important;
}
.blogcontent {
background: #E6E6E6;
margin-top:-50px;
padding-top:50px;
text-align:left;
font-size:1.2em;
line-height:1.75em;
}
div.large-9.large-push-3.columns {
width:100%!important;
min-width:400px;
}
#primary > div > div.blogsidebar > div.row {
min-width:100%;
}
#primary > div > div.blogsidebar > div {
width:100%!important;
}
.blogsidebar {
width:30%;
float:right;
padding:20px;
min-width:30%;
max-width:30%;
margin-top:50px;

}
.blogpost {
width:70%;
min-width:70%;
float:left;
padding:40px 12px;
max-width:70%;
margin-top:30px;
background:#FFF;
box-shadow:1px 3px 5px #555;
}
}

@media (min-width:1024px) {
input#author,input#email,input#url { 
background:#fafafa;
border:1px solid #888;
}
h3.widget-title {
border-top:2px solid #A3A6A8;
border-bottom:2px solid #A3A6A8;
padding:10px 0px;
}
#secondary {

min-width:30%;
padding:20px;

margin-left:-60px;
}
.comments_section {
background:#FFF!important;
}
.comments-area {
background:#FFF;
}
textarea#comment {
background:#fafafa;
border:1px solid #888;
border-radius:4px;
}
.blog#comments {
background:#FFF;
padding:20px;
border-radius:3px;
border:1px solid #e6e6e6;
}

.entry-content ul {
font-size:1em;
line-height:1.75em;
}
.post_header_date {
display:none;
}
.entry-title {
text-align:left!important;
}
#post h1:first-child {
margin-top:0px!important;
}
#post > div > div > header > div.row > div > h1 {
font-style: normal;
 font-size: 24px!important;
 line-height: 46px;
 padding: 20px 10px 10px 10px;
 text-align: center!important;
 text-transform: uppercase;
text-align:left!important;
}
.blogcontent {
background: #E6E6E6;
margin-top:-50px;
padding-top:50px;
text-align:left;
font-size:1.2em;
line-height:1.75em;
}
div.large-9.large-push-3.columns {
width:100%!important;
}
#primary > div > div.blogsidebar > div.row {
min-width:100%;
}
#primary > div > div.blogsidebar > div {
width:100%!important;
}
.blogsidebar {
width:30%;
float:right;
padding:20px;
min-width:30%;
max-width:30%;
margin-top:50px;

}
.blogpost {
width:70%;
min-width:70%;
float:left;
padding:0px 12px;
max-width:70%;
margin-top:30px;
background:#FFF;
box-shadow:1px 3px 5px #555;
}
#post > div:nth-child(1) > div > header > div.row > div > h1 {
text-align:center;
font-size:18px;
}
}

@media (min-width:320px) & (max-width:1023px) {
input#author,input#email,input#url { 
background:#fafafa;
border:1px solid #888;
}
h1 {
font-size:1.5em!important;
}
h3.widget-title {
border-top:2px solid #A3A6A8;
border-bottom:2px solid #A3A6A8;
padding:10px 0px;
}
#secondary {
display:none;
}
.comments_section {
background:#FFF!important;
}
.comments-area {
background:#FFF;
}
textarea#comment {
background:#fafafa;
border:1px solid #888;
border-radius:4px;
}
.blog#comments {
background:#FFF;
padding:20px;
border-radius:3px;
border:1px solid #e6e6e6;
}

.entry-content ul {
font-size:1em!important;
line-height:1.75em;
}
.post_header_date {
display:none!important;
}
.entry-title {
text-align:center!important;
font-size:1.3em!important;

}
#post h1:first-child {
margin-top:0px!important;
}
#post > div > div > header > div.row > div > h1 {
font-style: normal;
 font-size: 18px!important;
 line-height: 25px;
 text-align: left;
 text-transform: uppercase;
text-align:left!important;
}
.blogcontent {
background: #E6E6E6;
margin-top:-50px;
padding-top:50px;
text-align:left;
font-size:1.2em;
line-height:1.75em;
}
div.large-9.large-push-3.columns {
width:100%!important;
}
#primary > div > div.blogsidebar > div.row {
display:none;
}
#primary > div > div.blogsidebar > div {
display:none;
}
.blogsidebar {
display:none;
}
.blogpost {
width:99%;
min-width:99%;
padding:0px 5px;
max-width:99%;
margin-top:30px;
font-size:1.2em;
}
}
/*********************************************************************************************************
			tag page 
*********************************************************************************************************/
#primary.content-area.archive {
background:#e6e6e6;
}
#primary.content-area.archive > div:nth-child(1) > div > header > h1 {
font-size:40px;
margin-top:30px;
margin-bottom:-25px;
text-transform:capitalize;
}
/*********************************************************************************************************
			blog page 
*********************************************************************************************************/
#primary > div > div.large-4.columns {
margin-top:50px;
}
.blog#content {
margin-top:50px;
background:#FFF;
box-shadow: 1px 1px 10px 0px #888;
padding:20px 10px

}
#primary > div > div.large-8.columns.with-sidebar {
margin-top:50px;
background:#FFF;
box-shadow: 1px 1px 10px 0px #888;
padding:20px 10px
}
.blog > #st-container > div > div.st-content {
background:#e6e6e6!important;
}
div.row > div > h1 > a  {
color:#000!important;
}
/*********************************************************************************************************
			button classes blue and green. 
*********************************************************************************************************/
.bluebutton { 
    border:3px solid #0699af;
    background:none;
    color:#0699af;
    padding:10px 30px 10px 30px;
    border-radius:3px;
    font-weight:300;
      transition: all 180ms ease-in;
  -webkit-transition: all 180ms ease-in;
   -moz-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
}
.bluebutton:hover {
    background:#0699bf;
    color:#fff;
}
.greenbutton { 
    border:3px solid #11B1AA;
    background: #11B1AA;
    color:#0699af;
    padding:10px 30px 10px 30px;
    border-radius:3px;
    font-weight:300;
      transition: all 180ms ease-in;
  -webkit-transition: all 180ms ease-in;
   -moz-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
}
.greenbutton:hover {
    background:#0D9A93;
    color:#fff;
}
.redbutton { 
    border:3px solid #E8313E;
    background: #E8313E;
    color:#FFF;
    padding:10px 30px 10px 30px;
    border-radius:3px;
    font-weight:300;
      transition: all 180ms ease-in;
  -webkit-transition: all 180ms ease-in;
   -moz-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
}
.redbutton:hover {
    background: #C51421;
    color:#FFF;
    font-weight: 700 !important;
}
.twitterbluebutton { 
    border:3px solid #55acee;
    background: #55acee;
    color:#FFF;
    font-size: 18px;
    padding:10px 30px 10px 30px;
    border-radius:3px;
    font-weight:300;
      transition: all 180ms ease-in;
  -webkit-transition: all 180ms ease-in;
   -moz-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
}
.twitterbluebutton:hover {
    background: #4594D1;
    border:3px solid #4594D1;
    color:#FFF;
    font-weight: 700 !important;
}
.orangebutton { 
    border:3px solid #FF6000;
    background: #FF6000;
    color:#FFF;
    font-size: 18px;
    padding:10px 30px 10px 30px;
    border-radius:3px;
    font-weight:300;
      transition: all 180ms ease-in;
  -webkit-transition: all 180ms ease-in;
   -moz-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
}
.orangebutton:hover {
    background: #EB5800;
    border:3px solid #EB5800;
    color:#FFF;
    font-weight: 700 !important;
}
.vinegreenbutton { 
    border:3px solid #00a478;
    background: #00a478;
    color:#FFF;
    font-size: 18px;
    padding:10px 30px 10px 30px;
    border-radius:3px;
    font-weight:300;
      transition: all 180ms ease-in;
  -webkit-transition: all 180ms ease-in;
   -moz-transition: all 180ms ease-in;
    -o-transition: all 180ms ease-in;
}
.vinegreenbutton:hover {
    background: #00a478;
    border:3px solid #00a478;
    color:#FFF;
    font-weight: 700 !important;
}
/*********************************************************************************************************
			learn Style
*********************************************************************************************************/
@media (min-width:1000px) { 
div.woocommerce > div > form > div.cart-buttons > div > div.medium-6.large-5.large-pull-1.columns > div > a {
margin-top:20px;
}
 div.woocommerce > div > form > div.cart-buttons > div > div.medium-6.large-5.large-push-1.columns > div > input.button.apply_coupon {
margin-top:20px;
}

}
.actual-full-width {
width:100%;
min-width:100%;
height:auto;
padding:4%;
background:none;
}
.learnheader {

background: url(/wp-content/uploads/2015/03/how-to-boost-your-soundcloud-plays-views-favorites.jpg);
	background-size: cover;
	background-attachment: fixed; /* the quintessential parallax faker */
	background-repeat: no-repeat;
min-height:950px;
}

.learnheader h1 {
font-size:60px;
text-align:center;
line-height:70px;
color:#FFF;
text-shadow:1px 1px 0px #000;
padding-top: 7%;
text-shadow: 0px 3px 8px #FFEAA8;

}
.learncontent {
-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
max-width:1280px;
width:65%;
margin:0px auto;
background:#FFFFFF;
padding-top:5%;
}

.learncontent p {
font-size:24px;
text-align:justify;
line-height:auto;
font-weight:100;
padding:0px 5%;
}
.learncontent h2 {
font-size:29px!important;
text-align:justify;
line-height:auto;
font-weight:800;
padding-bottom:20px;
}
.learncontent h1 {
padding-bottom:20px;
padding:0px 5%;
}
.full-entry-content {
background:none;
}
.learnheader1 {
background: url(https://devumi.com/wp-content/uploads/2015/04/twitterbackground.jpg);
	background-size: cover;
	background-attachment: fixed; /* the quintessential parallax faker */
	background-repeat: no-repeat;
min-height:950px;
}

.learnheader1 h1 {
font-size:60px;
text-align:center;
line-height:70px;
color:#FFF;
text-shadow:1px 1px 0px #000;
padding-top: 7%;
text-shadow: 0px 3px 8px #FFFFFF;
}
/*********************************************************************************************************
	This centered the pages and shortened their overall width
*********************************************************************************************************/

.entry-content, #masthead, div.site-footer-widget-area {
	max-width: 1000px;
}

#tab-youtube-seo, #tab-vimeo-seo, div.site-footer-widget-area, .entry-content, #masthead {
	margin: 0 auto !important;
}



/*********************************************************************************************************
	This helped further center the pricing tables 
*********************************************************************************************************/

.css3_grid_arrow_area {
	padding: 0;
}



/*********************************************************************************************************
	This got the expander trigger positioned just right
*********************************************************************************************************/

.des_expand_button, .clickHere {
	text-align: center;
}
	.des_expand_button p, .des_expand_button div, .clickHere {
		display: inline-block;
	}
	@media only screen and (min-width: 687px) {
		.single-product .des_expand_button div[style="text-align:right;"] {
			padding-left: 10px;
		}
		.des_expand_button p {
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 862px) {
		.des_expand_button div[style="text-align:right;"] {
			padding-left: 10px;
		}
	}
	
.des_expand_button + hr {
	margin-top: 20px !important;
}

.vc_btn.vc_btn_md {
	text-align: center;
}



/*********************************************************************************************************
	This ensured that the expander trigger buttons are colored correctly
*********************************************************************************************************/

.expander_clickHere, a.clickHere {
	background-color: #f89406;
	color: #fff;
}



/*********************************************************************************************************
	This helped the payment badges to be centered within a div that I added to the page html
*********************************************************************************************************/

.payment_badge_centerer {
	text-align: center;
}



/*********************************************************************************************************
	This got the "As Seen On" image positioned just right
*********************************************************************************************************/

.des_button_wrap + hr {
	margin-bottom: 10px;
}

.as_seen_on_container p {
	display: inline;
}

.as_seen_on_container + hr {
	margin-top: 10px;
}

@media only screen and  (max-width: 649px) {
	.as_seen_on_container, .as_seen_on_container + hr, .noPassword  {
		display: none;
	}
}



/*********************************************************************************************************
	This got the testimonials and "steps 1-3" images positioned just right
*********************************************************************************************************/

.testimonials_wrap br, .steps1-3_wrap br {
	display: none;
}

.steps1-3_wrap div {
	text-align: center;
}



/*********************************************************************************************************
	This got the arrow "tag" images to be positioned and sized correctly
*********************************************************************************************************/

.tw-tag1right {
	z-index: 2 !important;
        top: 300px !important;
	margin-left: 1005px !important;
}

.tw-tag2left {
	top: 905px !important;
	margin-left: -110px !important;
}

.fb-toptag {
	margin-left: 975px !important;
}

.fb-toptag img {
	max-width: 150px !important;
}

.fb-featuretag {
	top: 965px !important;
	margin-left: 1000px !important;
}



/*********************************************************************************************************
	This gave the "Order Status" faq paragraphs the proper styling
*********************************************************************************************************/

.orderStatus_faq_wrap p:not(first-of-type) {
	padding-left: 30px;
}



/*********************************************************************************************************
	This removed the unnecessary space above the page titles
*********************************************************************************************************/

#page .content-area {
	padding-top: 0;
}



/*********************************************************************************************************
	This put a little space above the "testimonial names"
*********************************************************************************************************/

.author-wrapper .testimonial-name {
	padding-top: 1em;
}



/*********************************************************************************************************
	This centered the bottom half of the products page
*********************************************************************************************************/

.woocommerce-tabs #tab-description {
	margin: 0 auto !important;
}



/*********************************************************************************************************
	This hid the plus sign on the products page
*********************************************************************************************************/

.product_image_zoom_button {
	display: none !important;
}



/*********************************************************************************************************
	Hide
*********************************************************************************************************/

.qty, .single_product_summary_related, .product_meta, .recently_viewed_in_single {
display: none !important;
}



/*********************************************************************************************************
	This styled the home page and the header backgrounds
*********************************************************************************************************/

.home #page, #masthead, .top-headers-wrapper, .site-header-sticky  {
	background: #1C1C1C url('/wp-content/uploads/2014/08/bg.jpg') no-repeat center top !important;
}

.home #masthead, .home .top-headers-wrapper {
	background: rgba(0,0,0,0) !important;
}

.home #masthead {
	border-bottom: 1px solid rgba(255,255,255,.1);
}



/*********************************************************************************************************
	This reduced the size of the headings and accordion titles
*********************************************************************************************************/

  h1.title {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 50px !important;	
  }

  h1.entry-title {
	font-size: 3rem;
  }

  h2:not(.slider_h2) {
    font-size: 1.5rem;
  }
  
  .recently_viewed_in_single h2 {
	  font-size: .8em !important; 
  }

 h3:not(.gform_title) {
  font-size: 1.25rem !important;
 }

  .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header .accordion_title {
    font-size: 1.1rem;
    line-height: 1.3rem;
    padding: 10px;
  } 

  .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
  top: 10px !important;
}



/*********************************************************************************************************
			This split the footer links and copyright text into two columns
*********************************************************************************************************/

.col-1-2 {
	width: 50%;
}

#copyrightText {
	padding-right: 10px;
}

#footerLinks {
	padding-left: 10px;
}



/***********************************************************************************************************************
			This put some space between the header and the page content (Product and Blog Pages)
***********************************************************************************************************************/

.single-product .top-headers-wrapper, .single-post .top-headers-wrapper {
	margin-bottom: 50px;
}



/*********************************************************************************************************
			This Made the Featured Images Non-clickable
*********************************************************************************************************/

.product_images {
	pointer-events: none;
	cursor: default;
}



/*********************************************************************************************************
			This changed the background color for the cart "slide-from-right"
*********************************************************************************************************/

.slide-from-right {
	background:  #1c1c1c !important;
}



/*********************************************************************************************************
			My Account Page
*********************************************************************************************************/

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

#customTabs li, #customTabsContent {
  border: #ccc solid 1px;
}

#customTabs, .active {
  bakcground: #fff;
}

#customTabs {
  list-style: none;
}
#customTabs li {
  display: inline-block;
  float: left;
  margin: 0 2.5px;
  border-bottom: none;
  padding: 5px;
  position: relative;
  background: #ddd;
}
#customTabs .active {
  background: #fff;
}
#customTabs li a {
  text-decoration: none;
  color: #000;
}

#customTabsContent {
  margin-top: -17px;
}
#customTabsContent .customTab {
  margin: 10px;
}



/*********************************************************************************************************
			Checkout Page
*********************************************************************************************************/

.woocommerce-checkout .thank_you_header .order_details .method {
	margin-right:0;
}

.woocommerce-checkout .entry-title {
	margin-top: 50px;
	letter-spacing: .06em;

}

/*
.woocommerce-checkout .content-area .checkOutStatusH2 {
	text-align: center;
}

.thank_you_header .order_details li {
	float: none;
}

.woocommerce-checkout .order_details li strong {
	display: inline;
}
*/



/*********************************************************************************************************
			Cart Page
*********************************************************************************************************/

.woocommerce-cart input[value="Proceed to Checkout"] {
	margin-top: 10px !important;
}

.woocommerce-cart .product-name .amount {
	display: none;
}

.woocommerce-page td.product-name dl.variation dt.variation- {
display: none;
}



/*********************************************************************************************************
			This fixed the spacing issue on the '2Checkout' temp page
*********************************************************************************************************/

.page-id-16.woocommerce-checkout.woocommerce-page #primary {
	padding-top: 50px;
}

/*********************************************************************************************************
			This Hides the bigger-packages on page load
*********************************************************************************************************/

div#des_expand_a div[id*="Enterprise"], div#des_expand_a div[id*="Big"], div#des_expand_a div[id*="Subscription"], div#des_expand_a div[id*="Viral"]   {
  display: none;
}



/*********************************************************************************************************
			SocialMediaValidator Styles
*********************************************************************************************************/

.validator-container {
	border: 1px dashed #dddddd;
	background-color: #F4FCFB;
	height: 54px;
	text-align: center;
	overflow-y: scroll;
	font-size: 0.875rem;
	line-height: 1.71428em;
	width: 99.2%;
	display: none;
}

.validator-container .fa-spinner {
	font-size: 50px;
}

.validator-container .erroneous-handle {
	color: black;
	text-decoration: underline;
}

.validator-container p {
	margin-bottom: 0;
}

/*
.response-wrapper {
	border-top: 1px dashed #777;
	padding-top: 10px;
	margin-top: 20px;
}
*/

.image-wrapper, .info-wrapper, .image-wrapper img {
	float: left;
}

.info-wrapper {
	width: 80%;
	text-align: left;
	padding-left: 20px;
}

.image-wrapper img {
	max-width: 48px;
	max-height: 48px;
}

.error-icon, .success-icon {
	position: relative;
}

.error-icon i {
	color: #B32E2E;
}

.success-icon i {
	color: #277643;
}

.error-icon i, .success-icon i {
	position: absolute;
	right: -23px;
	top: -43px;
	font-size: 1.3rem;
}

.response-wrapper {
	text-align: left;
}

.image-response {
	padding: 2px;
}

.response-wrapper:not(.image-response) {
	padding: 5px;
}

#validate {
	background: #3e5372;
	margin: 5px 0 10px;
}

#validate:hover {
	background: #273345;
}



/*********************************************************************************************************
			Email Verification Page
*********************************************************************************************************/

.email-verification {
    text-align: center
  }
  .email-verification #status-title {
    font-size: 5rem;
    font-weight: bold;
  }
  .email-verification p {
    font-size: 1.75rem;
    color: #5E5D5D;
  }
.email-verification .page-header {
	margin: 82px 0 150px;
}



/*********************************************************************************************************
			Lead Gen Page
*********************************************************************************************************/

.message-box {
	display: none;
	background: rgba(255,255,255,.8);
	clear: both;
	padding: 5px 20px;
	border-radius: 2px;
	overflow: hidden;
}

.message-box .message, .message-box .icon {
	float: left;
}

.message-box .icon {
	font-size: 4rem;
	margin-right: 20px;
	max-width: 10%;
}

.message-box.error .icon {
	color: #d44427;
}

.message-box.success .icon {
	color: #52b137;
}

.message-box .message {
	padding-top: 5px;
	max-width: 87.5%;
	text-align: left;
}

.message-box.success p {
	color: #297d12;
}

.message-box.error p {
	color: #8e230d;
}

.message p {
        margin-bottom: 0;
}

.message .error-list {
	margin-top: 0;
	margin-bottom: 0;
}

.error-list li {
	text-align: left;
}

.error-list li span {
	color: #d44427;
}


.mobiledescription {
max-width:90%;
}
.mobiledescription h1 {
font-size: 1.55rem;
}
.desktopdescription h1 {
font-size: 2.15rem !important;
}
.desktopdescription h4 {
font-size: 14px; 
margin-top:-15px;
font-style:italic;
}
.mobiledescription h4 {
font-size:12px;
font-style:italic;
margin-top:-6px;
}
.amount {
font-size:26px;
font-weight:700;
color:#000;
}
.tabletdescription {
font-size:14px;
}
.tabletdescription h1 {
font-size: 1.65rem !important;
}
.tabletdescription h4 {
font-size:13px;
font-style:italic;
margin-top:-14px;
}
.tabletdescription p {
font-size:12px;}

/*********************************************************************************************************
			Media Queries
*********************************************************************************************************/


@media only screen and (max-width: 480px) { 
	h1.title, .product_title {
		font-size: 1.65rem;
	}
        .noMobile {
		display: none !important; 
	}

.learnheader {

background: url(/wp-content/uploads/2015/03/how-to-boost-your-soundcloud-plays-views-favorites.jpg);
	background-size: cover;
	background-attachment: fixed; /* the quintessential parallax faker */
	background-repeat: no-repeat;
min-height:950px;
}

.learnheader h1 {
font-size:60px;
text-align:center;
line-height:70px;
color:#FFF;
text-shadow:1px 1px 0px #000;
padding-top: 7%;
text-shadow: 0px 3px 8px #FFEAA8;

}
.learncontent {
-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
max-width:100%;
width:100%;
margin:0px auto;
background:#FDFDFD;
padding-top:5%;
}

.learncontent p {
font-size:24px;
text-align:justify;
line-height:auto;
font-weight:100;
}
.learncontent h2 {
font-size:29px!important;
text-align:center;
line-height:auto;
font-weight:800;
padding-bottom:20px;
}
.learncontent h1 {
padding-bottom:40px;
text-align:center;
}
.full-entry-content {
background:none;
}

}
@media (max-width:1023px) {

.mobileimage {
display:block;
max-width:300px;
max-height:300px;
padding:2%;
float:left;
}
div.single-product.without-sidebar > div:nth-child(1) > div.large-5.large-push-0.medium-8.medium-push-2.columns {
display:none;
}
.product_summary_top {
display:none;
}
.desktopdescription {
display:none;
}
.mobiledescription {
display:block;
}
.tabletdescription {
display:none;
}
.noDesktop {
display:block;
}
.onlyDesktop {
display:none;
}
.product_description {
margin:0px;
}
.top-headers-wrapper {
margin-bottom:20px!important;
}
}
@media (min-width:1023px) and (max-width:1024px) { 
.mobileimage {
display:none;
}
div.single-product.without-sidebar > div:nth-child(1) > div.large-5.large-push-0.medium-8.medium-push-2.columns {
display:block;
}
.product_summary_top {
display:none;
}
.desktopdescription {
display:none;
}
.mobiledescription {
display:none;
}
.tabletdescription{
display:block;
}
.noDesktop {
display:none;
}
.onlyDesktop {
display:block;
}
.product_description {
margin:0px;
}
.top-headers-wrapper {
margin-bottom:20px!important;
}
}

@media only screen and (min-width:1026px) {
.product_infos {
max-width:435px;
padding:0px;
}
.mobileimage {
display:none;
}
div.single-product.without-sidebar > div:nth-child(1) > div.large-5.large-push-0.medium-8.medium-push-2.columns {
display:block;
}
.onlyDesktop {
display:block;}
.noDesktop {
display:none;
}
.desktopdescription{ 
display:block;
}
.mobiledescription{
display:none;
}
.tabletdescription{
display:none;
}
.product_summary_top {
display:none;
}
}




@media only screen and (max-width: 979px) {
	div#des_expand_a .p_table_responsive div[class*="column"], div#des_expand_a .bigger-5-col .p_table_responsive.bigger-packages div[class*="column"] {
		width: 25% !important;
	}
	div#des_expand_a .p_table_responsive.bigger-packages div[class*="column"] {
		width: 33.33333% !important;
	}
}

@media only screen and (max-width: 811px) and (min-width: 742px) {
  div#des_expand_a div[id*="4col"] div[class*="column"], div#des_expand_a .bigger-5-col .p_table_responsive.bigger-packages div[class*="column"] {
		width: 50% !important;
	}
}

@media only screen and (max-width: 741px) {
	div#des_expand_a .p_table_responsive div[class*="column"], div#des_expand_a .bigger-5-col .p_table_responsive.bigger-packages div[class*="column"] {
		width: 50% !important;
	}
	div#des_expand_a .p_table_responsive.bigger-packages div[class*="column"] {
		width: 33.33333% !important;
	}
}

@media only screen and (max-width: 600px) {
	div#des_expand_a .p_table_responsive.bigger-packages div[class*="column"] {
		width: 100% !important;

	}
}

@media only screen and (max-width: 480px) {
	div#des_expand_a .p_table_responsive div[class*="column"], div#des_expand_a .bigger-5-col .p_table_responsive.bigger-packages div[class*="column"] {
		width: 100% !important;

	}
}


/****************************************************************/
/****************************************************************/
/****************************************************************/