/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.1
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/* 07-26-2017 CSS Edit/Update */
@media only screen and (min-width:1001px) and (max-width:1366px){
	#contact-form{
	margin-top:-20px !important;
	padding:5px !important;
	}	
}
@media only screen and (max-width:1440px){
	#contact-form h3{
		font-size:1.5em !important;
	}	
}

@media only screen and (max-width:1350px){
	#contact-form h3{
		font-size:1.3em !important;
	}	
}


@media only screen and (max-width:1280px){
	#contact-form h3{
		font-size:1.3em !important;
	}	
}


/* Latest CSS Edit/Update */
@media screen and (min-width: 768px) and (max-width: 999px){
#contact-form {
    top: 0;
    width: 100% !important;
    right: 0;
    padding: 15px;
    position: unset !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1023px){
#contact-form {
    top: 9% !important;
    width: 40% !important;
    right: 6% !important;
}
#contact-form form h3 {
    font-size: 22px !important;
}
#contact-form form .est-name, #contact-form form .est-email, #contact-form form .est-phone, #contact-form form .est-message {
    color: #bcbcbc !important;
    font-size: 12px !important;
}

}
@media screen and (min-width: 1024px) and (max-width: 1279px){
#contact-form {
      top: 8% !important;
    width: 35% !important;
    right: 3% !important;
}

#contact-form form h3 {
    font-size: 19px !important;
}
#contact-form form .est-name, #contact-form form .est-email, #contact-form form .est-phone, #contact-form form .est-message {
    color: #bcbcbc !important;
    font-size: 12px !important;
}

}

@media screen and (min-width: 1280px) and (max-width: 1365px){
#contact-form {
    top: 10% !important;
    width: 27% !important;
    right: 6% !important;
}
}
@media screen and (min-width: 1366px) and (max-width: 1439px){
#contact-form {top: 16% !important;
    width: 35% !important;
    right: 10% !important;
}
}
@media screen and (min-width: 1440px) and (max-width: 1559px){
#contact-form {
    top: 10% !important;
    width: 27% !important;
    right: 15% !important;
}
}
@media screen and (min-width: 1920px) and (max-width: 1956px){
#contact-form {
    top: 16% !important;
    width: 27% !important;
    right: 15%;
}
}

@media screen and (min-width: 1680px) and (max-width: 1919px){
#contact-form {
    top: 16% !important;
    width: 27% !important;
    right: 15% !important;
}
}





/*Add your own styles here:*/

.phone-info::before {
    position: relative;
    content: 'YOUR WHOLESALE SUPERSTORE';
    top: 0;
    right: 35px;
}

#header_meta {
    background-color: transparent;
    border: none !important;
}

#header .phone-info {
    display: block;
    width: 100%;
    text-align: right;
    padding: 0;
}

#header .phone-info::before {
    position: relative;
    content: 'YOUR WHOLESALE SUPERSTORE';
    top: 0;
    right: 52px;
    font-size: 17px;
    line-height: 16px;
    font-style: normal;
    background-color: #ff6200;
    color: #fff;
    padding: 15px 24px;
    box-sizing: border-box;
    display: inline-block;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
}

#header .phone-info .topbar-nm {
    color: #0c64b1;
    font-size: 30px;
    line-height: 35px;
    margin: 0 auto;
    font-weight: 600;
}

#header_main .logo {
    top: -32px;
    left: 0;
}

#hp-sec1 .hp-sec1-col1 {
    display: block;
    background-color: rgba(207,81,2,0.8);
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
}

#hp-sec1 .hp-sec1-col1 p {
    font-size: 20px;
    line-height: 25px;
    margin: 0 auto;
    color: #fff;
    /*text-transform: uppercase;*/
    font-family: 'Raleway',sans-serif;
    font-weight: 600;
    text-align: justify;
    letter-spacing: 1px;
}

#hp-sec1 .hp-sec1-col1 h2 {
    font-size: 60px;
    line-height: 65px;
    margin: 0 auto;
    color: #fff;
    font-family: 'Raleway',sans-serif;
    text-transform: capitalize;
}

#hp-sec1 .hp-sec1-col2 h2 {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

#hp-sec1 .hp-sec1-col2 {
    display: block;
    max-width: 350px;
    width: 100%;
    background-color: #0d4d89;
    padding: 15px;
    box-sizing: border-box;
}

#hp-sec1 .est-input input {
    font-size: 14px !important;
    color: #fff !important;
    margin-bottom: 10px !important;
}

#hp-sec1 .est-form .est-submit input[type="submit"] {
    display: block;
    width: 100%;
    background-color: #ff6200;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 24px !important;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

#hp-sec2 h1.av-special-heading-tag {
    text-transform: capitalize;
}

#hp-sec2 h1.av-special-heading-tag::before {
    content: "";
    border-left: 5px solid #f9ba29;
    padding-left: 20px;
}

#hp-sec-4 .owl-wrapper {
    width: 100% !important;
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 500px !important;
}

#hp-sec-4 .carousel-slider .carousel-slider__item img {
    max-width: 550px;
}

.footer-map {
    max-height: 129px;
}

#footer {
    background: #004483;
}

.widgettitle {
    font-size: 22px;
    color: #666666 !important;
}

.textwidget {
    color: #666666;
}

.footer-social-icons {
    margin-top: 20px;
}

.footer-social-icons ul li {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.footer-social-icons ul li:first-child {
    margin-left: 0px;
}

#hp-sec1 .content {
    padding: 0;
}

#contact-form form {
    background: #0d4d89;
    padding: 20px 15px;
}

#contact-form {
    background: transparent;
    position: absolute;
    top: 14%;
    width: 24% ;
    right: 22%;
    padding: 20px 15px;
}

#contact-form form h3 {
    font-size: 29px;
    line-height: 34px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

#contact-form form input {
    margin-bottom: 10px !important;
}

#contact-form form input[type="submit"] {
    background-color: rgb(255,98,0);
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    margin-bottom: 0 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -z-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

#contact-form form .est-name, #contact-form form .est-email, #contact-form form .est-phone, #contact-form form .est-message {
    color: #bcbcbc !important;
    font-size: 16px;
    line-height: 20px;
}

#contact-form form .ajax-loader {
    display: none;
}

#hp-sec1 {
    position: relative;
}
/*
#after_section_1 {
    display: none !important;
}
*/

/* ------ My WooCommerce Carousel ---  */

.my-slider br {
    display: none;
}

.my-slider .wps_title a {
    color: #000 !important;
    font-weight: bold;
}

.my-slider .wps_foo_con {
    color: #000;
}

#contact-form form input[type="submit"]:hover {
    background-color: #c98200;
}

.my-slider .woocommerce-Price-amount.amount {
    color: #004483;
    font-size: 23px;
    font-weight: bold;
}

.my-slider .wa_wps_price {
    display: inline-block;
    width: auto;
    vertical-align: top;
}

.my-slider .wa_wps_add_to_cart {
    display: inline-block;
    vertical-align: top;
}

.wps_image_carousel .wps_prev,
#hp-sec-3 .owl-prev {
    left: -80px !important;
}

.wps_image_carousel .wps_next,
#hp-sec-3 .owl-next {
    right: -80px !important;
}

.wps_image_carousel .wps_prev, .wps_image_carousel .wps_next {
    color: #cacaca !important;
}

.my-slider p {
    margin: 4px 0 29px;
}

.my-slider .wa_wps_add_to_cart {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    background-image: url('https://discountsavingsuperstore.com/~discount11/wp-content/uploads/2017/03/cart-icon-bg.png');
    background-repeat: no-repeat;
    margin-left: 14px;
}

.my-slider .wa_wps_button.add_to_cart_button.product_type_simple {
    background: transparent;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    border: 0;
}



@media screen and (max-width: 1000px) {
    .wps_image_carousel .wps_prev {
        left: -41px !important;
    }
    .wps_image_carousel .wps_next {
        right: -41px !important;
    }

    #hp-sec-3 .carousel-slider .carousel-slider__item img {
        max-width: 180px !important;
    }
    #hp-sec-3 .owl-prev {
        left: -10px !important;
    }
    #hp-sec-3 .owl-next {
        right: -10px !important;
    }
   #contact-form {
	top: 78px;
	width: 100% !important;
	right: 0;
	padding: 15px;
	
}

   #contact-form .template-page {
	width: 75% !important;
	left: 12%;
	padding: 30px 0;
}
  #hp-sec2 .template-page {
   	padding-top: 15px;
}

}


@media screen and (max-width: 948px) {
    #hp-sec1 .hp-sec1-col1 h2 {
        font-size: 50px;
        line-height: 58px;
    }
    #hp-sec1 .hp-sec1-col1 p {
        letter-spacing: normal;
    }
    #hp-sec1 .hp-sec1-col2 h2 {
        font-size: 26px;
        line-height: 31px;
    }

    #header .phone-info::before {
        right: 51px;
    }
}

@media screen and (max-width: 890px) {
    #header .phone-info::before {
        right: 23px;
        font-size: 18px;
  	line-height: 23px;
    }

    #hp-sec1 .hp-sec1-col1 h2 {
        font-size: 44px;
        line-height: 52px;
	text-align: center;
    }
    #hp-sec1 .hp-sec1-col1 p {
        font-size: 18px;
        line-height: 27px;
        text-align: center;
    }
}

@media screen and (max-width: 834px) {
    #header .phone-info::before {
        right: 12px;
        font-size: 18px;
  	line-height: 23px;
    	padding: 12px 15px;
    }

    #hp-sec1 .hp-sec1-col1 p {
        font-size: 17px;
        line-height: 24px;
    }
}

@media screen and (max-width: 767px) {
    #header .phone-info::before {
    	right: 65px;
    	padding: 14px 22px;
    }

    #hp-sec1 .hp-sec1-col1 {
    	width: 73%;
    	margin: 0 auto;
    }
    #hp-sec1 .hp-sec1-col2 {
        margin: 30px auto 0;
    }
    #hp-sec2 .av-special-heading {
       text-align: center;
   }
   #footer .widget {
      margin: 0;
   }

   #hp-sec-3 .av-content-full,
   #hp-sec-4 .av-content-full {
       padding: 20px 0;
   }

   #hp-sec-2 .content.av-content-full {
       padding: 60px 0 0px;
   }
   #contact-form {
	top: 0;
	width: 100% !important;
	right: 0;
	padding: 15px;
	position: unset;
}

   #contact-form .template-page {
	width: 100% !important;
	left: 0;
	padding: 15px 0;
}
}

@media screen and (max-width: 640px) {
    #hp-sec-2 .avia_image {
        max-width: 400px;
    }

    #hp-sec1 .hp-sec1-col1 {
        width: 100%;
        margin: 0 auto;
    }

    #hp-sec1 .hp-sec1-col1 h2 {
        font-size: 37px;
        line-height: 46px;
    	text-align: center;
    }
    #hp-sec-4 .carousel-slider .carousel-slider__item img {
    	max-width: 350px;
    }
    #header .phone-info::before {
        right: 23px;
    }
    #contact-form .template-page {
    	width: 100% !important;
    	left: 0;
    	padding: 15px 0;
}
}

@media screen and (max-width: 602px) {
#header .phone-info .topbar-nm {
        margin: 13px auto 0;
    }
    .phone-info span {
    	display: block;
    	text-align: center;
    }
    #header .phone-info::before {
        right: 76px;
    }
}

@media screen and (max-width: 440px) {
    #hp-sec1 .hp-sec1-col1 h2 {
    	font-size: 26px;
    	line-height: 32px;
    }
    #hp-sec1 .hp-sec1-col1 p {
    	font-size: 15px;
    	line-height: 21px;
    }
    #hp-sec2 .av-special-heading-tag {
    	font-size: 32px;
    	line-height: 36px;
    }
    #hp-sec2 .av-content-full {
        padding: 30px 0 20px;
    }
    #hp-sec-3 .carousel-slider .carousel-slider__item img {
        max-width: 160px !important;
    }
    #hp-sec-2 .avia_image {
        max-width: 350px;
    }
     #header .phone-info::before {
        right: 16px;
    }
    #hp-sec2 .wps_image_carousel .wps_prev,
    #hp-sec2 .wps_image_carousel .wps_next {
    	font-size: 69px;
    	line-height: 89px;
    	width: 95px;
    }
  #hp-sec-2 .avia_textblock,
  #hp-sec-4 .avia_textblock {
    font-size: 16px !important;
}
}

@media screen and (max-width: 382px) {
    #header .phone-info::before {
    	right: 16px;
    	font-size: 16px;
    	line-height: 21px;
    }
    #hp-sec1 .hp-sec1-col1 h2 {
        font-size: 24px;
        line-height: 30px;
    }

    #hp-sec2 .av-special-heading-tag {
        font-size: 26px;
        line-height: 33px;
    }
    #hp-sec-2 .content.av-content-full {
        padding: 40px 0 0px;
    }
    #hp-sec-4 .av-special-heading-tag {
    	font-size: 22px;
    	line-height: 26px;
    }
   #wpcf7-f44-o1 .form-all h3 {
    	font-size: 25px;
}
  .responsive .logo img {
    	max-width: 77%;
}
  #header .phone-info::before {
    	right: 0;
}
}

@media screen and (max-width: 348px) {
    #header .phone-info::before {
    	right: 2px;
    	font-size: 14px;
    	line-height: 20px;
    }
    #hp-sec-2 .avia_image,
    #hp-sec-4 .carousel-slider .carousel-slider__item img {
        max-width: 250px;
    }
    #hp-sec-2 .content.av-content-full {
        padding: 20px 0 0px;
    }
    #hp-sec-2 p,
    #hp-sec-4 p {
  	font-size: 16px;
    }
}

@media screen and (max-width: 320px) {
    #hp-sec1 .hp-sec1-col1 p {
    	font-size: 14px;
    	line-height: 22px;
    }
    #hp-sec1 .hp-sec1-col1 h2 {
    	font-size: 19px;
    	line-height: 25px;
    }
#wpcf7-f44-o1 .form-all h3 {
    font-size: 20px;
}
}