/* iPad fixes */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .shipping-support .vc_span4 .email p a {
        font-size: 16px;
    }
}
@media only screen and (max-width : 640px) {
    .product-contact > .col.span_12 > .vc_span8 .wpb_wrapper > .wpb_row .vc_span4 {
        width: 100%;
        margin-left: 0;
    }
    .product-contact .vc_span8 .pro-item img {
        width: 100%;
    }
}
@media only screen and (max-width: 790px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
        width: 100% !important;
    }
}
@media only screen and (min-width: 481px) and (max-width: 1050px) {
    body[data-smooth-scrolling="1"] .nectar-slider-wrap[data-full-width="true"] .swiper-container a.slider-next {
        right: 0px!important;
    }
}

@media only screen and (min-width : 1000px) and (max-width : 1050px) {
    .popular-pro .wpb_column h2 {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 15px;
    }
    .shipping-support .vc_span8 .free-shipping p {
        font-size: 45px;
    }
    .shipping-support .vc_span8 .order p {
        font-size: 28px;
    }
    .shipping-support .vc_span8 .dola p {
        font-size: 115px;
    }
    .shipping-support .vc_span8 .dola p i.icon-car {
        background-size: cover;
        width: 90px;
        height: 90px;
    }
    .shipping-support .vc_span4 .online-support p {
        font-size: 30px;
    }
    .shipping-support .vc_span4 .phone p {
        font-size: 28px;
    }
}
@media only screen and (max-width : 999px) {
    #featured article .container > .span_12 .post-title {
        width: 100% !important;
        max-width: 850px;
    }
    #featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
        font-size: 50px;
        line-height: 60px;
    }
}
@media only screen and (min-width : 801px) and (max-width: 990px){
    /*.container {
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    nav#top_nav {
        display: block !important;
    }*/
    #featured .orbit-slide article > .container {
        top: 150px !important;
    }
    .product-contact > .col.span_12 > .vc_span4 h3 {
        font-size: 12px;
    }
    .shipping-support .vc_span4 .online-support p {
        font-size: 23px;
    }
    header#top nav .sf-menu li.menu-item > a {
        padding: 0 11px !important;
        font-size: 13px;
    }
    .shipping-support .vc_span4 .phone p {
        font-size: 21px;
    }
    .shipping-support .vc_span4 .email p,
    .shipping-support .vc_span4 .online-support p,
    .shipping-support .vc_span4 .phone p {
        padding-left: 0;
    }
    .swiper-slide .content h2 {
        font-size: 55px;
        line-height: 65px;
    }
    header#top #toggle-nav {
        display: block !important;
        z-index: 9999;
    }
    #header-space {
        height: 218px !important;
    }
    header#top #logo img {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width : 800px) {
    header#top #toggle-nav {
        display: block !important;
        z-index: 1000;
    }
    header#top #toggle-nav > .icon-reorder{
        color: #ffffff;
    }
}
@media only screen and (min-width : 768px) and (max-width : 999px) {
    .popular-pro .wpb_column h2 {
        font-size: 25px;
        line-height: 30px;
        padding-top: 15px !important;
        padding-bottom: 15px;
    }
    .btn a {
        font-size: 18px;
    }
    .slogan i.icon-phone {
        font-size: 50px;
    }
    .swiper-slide .content h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .shipping-support .vc_span4 .online-support p {
        font-size: 22px;
    }
    .shipping-support .vc_span4 .phone p {
        font-size: 21px;
    }
    .shipping-support .vc_span4 .phone p i {
        font-size: 40px;
        margin-right: 0;
    }
    .shipping-support .vc_span8 .free-shipping p {
        font-size: 35px;
    }
    .shipping-support .vc_span8 .order p {
        font-size: 25px;
    }
    .shipping-support .vc_span4 .email p i {
        font-size: 32px;
        height: 32px;
        width: 36px;
    }

    #featured .orbit-slide article > .container {
        top: 150px;
    }
    .swiper-slide .content {
        top:60px !important;
        padding: 0 30px !important;
    }
    header#top #logo img {
        margin: 20px 0 0;
    }
    .slogan {
        margin-top: 25px;
    }
    header#top {
        padding-bottom: 0;
    }
    .shipping-support .vc_span8 .free-shipping p {
        padding-bottom: 5px;
    }
    .shipping-support .vc_span8 .order p {
        line-height: 30px;
    }
    .shipping-support .vc_span8 .dola p {
        font-size: 90px;
        line-height: 60px;
    }
    .shipping-support .vc_span8 .dola p i.icon-car {
        background-size: cover;
        height: 70px;
        width: 70px;
    }
}
/*  */
@media only screen and (min-width : 690px) and (max-width : 767px) {

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

}
@media only screen and (min-width : 560px) and (max-width : 689px) {

}
@media only screen and (min-width: 480px) and (max-width: 500px) {
    .product-contact > .col.span_12 > .vc_span8 .wpb_wrapper > .wpb_row .vc_span4 {
        width: 100%;
        margin-left: 0;
    }
    .product-contact > .col.span_12 > .vc_span8 {
        width: auto;
    }
}
@media only screen and (min-width: 500px) and (max-width: 689px) {
    .shipping-support .vc_span4 .online-support p {
        font-size: 16px;
        line-height: 16px;
        padding-bottom: 20px;
        padding-left: 0;
    }
    .shipping-support .vc_span4 .phone p {
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .shipping-support .vc_span4 .phone p i {
        margin-right: 0;
        font-size: 39px;
    }
    .shipping-support .vc_span4 .email p {
        padding-left: 0;
    }
    .shipping-support .vc_span4 .email p a {
        font-size: 12px;
    }
    .shipping-support .vc_span4 .email p i{
        font-size: 38px;
        width: 39px;
    }
    .shipping-support .vc_span8 .free-shipping p {
        font-size: 40px;
    }
    .shipping-support .vc_span8 .order p {
        font-size: 28px;
    }
    .swiper-slide .content {
        top:60px !important;
        padding: 0 30px !important;
    }
    .swiper-slide .content h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .product-contact .pro-item p:last-child {
        padding-bottom: 20px;
    }
    #featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
        font-size: 30px;
        line-height: 40px;
    }

    #header-outer .row .col.span_3 {
        text-align: center;
    }
    header#top #logo {
        height: 65px !important;
        margin: 0 auto;
        text-align: center;
    }
    header#top {
        padding-bottom: 0;
    }
    header#top #logo > img{
        position: static !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .slogan {
        float: none;
        margin: 0 auto;
        text-align: left;
        width: 282px;
    }
    .shipping-support .vc_span8 .free-shipping p {
        padding-bottom: 0;
    }
    .shipping-support .vc_span8 .order p {
        line-height: 40px;
    }
    .shipping-support .vc_span8 .dola p {
        font-size: 100px;
        line-height: 70px;
    }
    .shipping-support .vc_span8 .dola p i.icon-car {
        width: 80px;
        height: 80px;
        background-size: cover;
    }
    .footer-copyright-text,
    .footer-copyright-text-extra {
        text-align: center !important;
    }
    .popular-pro .wpb_column .btn p {
        line-height: 41px;
    }
    .popular-pro .wpb_column h2 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }
    .btn a {
        font-size: 18px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .sub_slogan .linecon-icon-location {
        margin-right: 5px;
        position: relative;
    }
    .product-contact > .col.span_12 > .vc_span8 .wpb_wrapper > .wpb_row {
        padding-left: 0;
        padding-right: 0;
    }
    .shipping-support .vc_span8 .free-shipping p {
        font-size: 34px;
    }
    .shipping-support .vc_span8 .order p {
        font-size: 24px;
    }
    .shipping-support .vc_span4 .online-support p {
        font-size: 26px;
        padding-left: 0;
        padding-bottom: 18px;
    }
    .shipping-support .vc_span4 .phone p {
        font-size: 22px;
        padding-left: 0;
        padding-bottom: 18px;
    }
    .shipping-support .vc_span4 .email p {
        padding-left: 0;
    }
    .shipping-support .vc_span4 .email p i {
        font-size: 39px;
        height: 30px;
        margin-right: 0;
    }
    .shipping-support .vc_span4 .email {
        padding-left: 0;
    }
    .shipping-support .vc_span4 .email p a {
        font-size: 16px;
    }
    .nectar-slider-wrap[data-full-width="false"] .swiper-slide .button a {
        font-size: 14px !important;
        padding: 5px 15px !important;
    }
    .slogan i.icon-phone {
        font-size: 42px;
        position: relative;
        top: 0;
    }
    .btn a {
        font-size: 18px;
    }
    .popular-pro .wpb_column h2 {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 15px;
    }
    .slogan {
        font-size: 26px;
    }
    header#top {
        padding-bottom: 0;
    }
    .swiper-slide .content {
        top:20px !important;
        padding: 0 30px !important;
    }
    .swiper-slide .content h2 {
        font-size: 26px;
        line-height: 26px;
    }
    .shipping-support .vc_span8 .btn a {
        display: block;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    #header-secondary-outer .sub_slogan {
        text-align: center;
    }
    #header-secondary-outer nav {
        text-align: center;
    }
    #header-secondary-outer .sub_slogan, #header-secondary-outer nav {
        padding-left: 0;
        width: 100%;
    }
    #header-secondary-outer #social {
        float: none;
        padding-top: 0;
        padding-bottom: 10px;
    }
    #header-secondary-outer #social li {
        display: inline-block;
        float: none;
    }
    .popular-pro .wpb_column .btn p {
        line-height: 41px;
    }
    .product-contact > .col.span_12 > .vc_span8 {
        width: auto;
    }
    .product-contact > .col.span_12 > .vc_span8 .wpb_wrapper > .wpb_row .vc_span4 {
        width: 100%;
        margin-left: 0;
    }
    .product-contact .pro-item p:last-child {
        padding-bottom: 20px;
    }
    .footer-copyright-text,
    .footer-copyright-text-extra {
        text-align: center !important;
    }
    .shipping-support .vc_span8 .free-shipping p {
        padding-bottom: 0;
    }
    .shipping-support .vc_span8 .order p {
        line-height: 40px;
    }
    .shipping-support .vc_span8 .dola p {
        font-size: 74px;
        line-height: 60px;
    }
    .shipping-support .vc_span8 .dola p i.icon-car {
        width: 70px;
        height: 70px;
        background-size: cover;
    }
    .product-contact > .col.span_12 > .vc_span4 .contact-header h3 {
        padding-right: 23px;
    }
	#header-space{
	   height: 150px!important;
	}
	.row{
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
    #header-outer .row > .col {
        text-align: center;
        width: 100% !important;
    }
    header#top #logo {
        height: 65px !important;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        margin-top: 1em;
    }
    header#top #logo > img{
        margin-top: 0;
        margin-bottom: 0;
        position: static !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 290px !important;
        height: auto !important;
    }
    .slogan span.phone-num,
    .slogan span.phone-text {
        display: block;
    }
    #header-outer .row .col.span_9 {
        position: relative !important;
        top: 15px;
    }
    header#top #toggle-nav {
        top: 0px;
        right: -25px;
        margin-bottom: 0;
    }
	#featured article .container > .span_12 .post-title {
		margin-top:10em;

	}
    #featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
        font-size: 30px;
        line-height: 40px;
    }
	#featured article .post-title h2 > span > p{
		font-size: 14px;
        line-height: 20px;
	}

    #top .slogan {
        margin-bottom: 0;
        text-align: center;
        float: none;
        margin-top: 0;
        padding-left: 0;
    }
    .slogan	strong {
        font-size: 20px;
        line-height: 24px;
    }
	header#top #toggle-nav{
		right: 0px;
	}
	.row .col img{
		width:100% !important;
	}
    .row .col .wpcf7-form img.wpcf7-captchac {
        max-width: 100%;
        width: auto !important;
        height: 44px !important;
    }
	#products, #services{
	    padding-top: 0px!important;
	}
	div.wpcf7 img.ajax-loader{
	    height:1em;
	}
}

@media screen and (max-height: 480px){
	.row{
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	header#top #toggle-nav {
	   top: 0px;
	}
}

@media screen and (max-height: 460px){
    header#top #toggle-nav {
        z-index: 10001;
    }
    #mobile-menu {
        z-index: 9999;
    }
    #featured article .container .post-title > a {
        padding: 8px 18px;
    }
    #featured .orbit-slide article > .container {
        top: 100px !important;
    }
    #featured article .post-title h2 > span > strong, #featured article .post-title h2 > span > b {
        margin-bottom: 0;
        line-height: 30px;
        font-size: 24px;
    }
    #featured article .post-title h2 > span > p {
        line-height: 20px;
    }
    #to-top {
        bottom: 17px;
    }
    .wpb_wrapper .img-with-aniamtion-wrap img {
    	width: 100%;
    }
}

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

    header#top #toggle-nav {
        top: 0px;
        z-index: 10001;
    }
    #featured .orbit-slide article > .container {
        top: 0px;
    }
}
@media screen and (max-height: 400px){
    #mobile-menu {
    }
}
@media only screen and (min-width: 1000px) {
    .container {
        padding: 0 !important ;
    }
}
@media only screen and (min-width : 1px) and (max-width : 1000px) {
    #header-secondary-outer,
    #header-outer {
        position: relative!important;
    }
    #header-outer {
        margin-bottom: 45px;
        top: 0;
    }
    #header-space, #search-outer { display: none!important; }
}
