@charset "utf-8";
/* Ipad Tablet */

/* Portrait */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {

	/* force display:none; */
	.nodisplay-ipad {
		display: none !important;
	}

	.nodisplay-ipad-portrait {
		display: none !important;
	}

	.nodisplay-ipad-desktop {
		display: block !important;
	}

	.nodisplay-d {
		display: block !important;
	}

    .jumbotron.nodisplay-d {
        display: flex !important;
        flex-basis: auto;
    }

    .domains-carousel-display {
        display: none !important;
    }
	/* width full width 100% */
	.width-full-block-100{
    width: 100% !important;
	}

	/* width full width 100% */
	.width-full-block-80{
    width: 100% !important;
	}

	/* width full width 100% */
	.width-full-block-60{
    width: 100% !important;
	}

	/* header width 100% */
	.header-100 {
		width: 100% !important;
	}

	/* header width 80% */
	.header-80 {
		width: 100% !important;
	}

	/* header width 60% */
	.header-60 {
		width: 100% !important;
	}

	/* menu block .START */
	.header-logo {
    padding-left: 12px;
    padding-top: 0px;
	}

	.header-logo span {
    width: 57%;
    left: 20px;
	top: 25px;
	}

	/* menu block .END */
	/* one col block .START */
	.one-col-block-container {
        /*width: 100% !important;*/
        width: 95% !important;
    }

    .one-col-block-in {
        width: 100%;
    }

    .one-col-block-in h1 {
        font-size: 100%;
    }

    .one-col-block-in h2 {
        font-size: 80%;
    }

    .one-col-block-in h3 {
        font-size: 80%;
    }

    .one-col-button h3 {
        font-size: 70%;
    }

    /* one col block .END */
    /* two col block .START */
    .two-col-block-container {
        width: 100% !important;
        text-align: center;
    }

    .two-col-block-in {
        width: 100%;
        padding: 0;
    }

    .two-col-block-in h1 {
        font-size: 100%;
    }

    .two-col-block-in h2 {
        font-size: 80%;
    }

    .two-col-block-in h3 {
        font-size: 80%;
    }

    /* two col block .END */
    /* three col block .START */
    .three-col-block-container {
        width: 100% !important;
        text-align: center;
    }

    .three-col-block-in {
        width: 100%;
    }

    .three-col-block h1 {
        font-size: 100%;
    }

    .three-col-block-in {
        width: 100%;
        padding: 0;
    }

    .three-col-block-in h1 {
        font-size: 100%;
    }

    .three-col-block-in h2 {
        font-size: 80%;
    }

    .three-col-block-in h3 {
        font-size: 80%;
    }

    /* three col block .END */
    /* four col block .START */
    .four-col-block-container {
        width: 100% !important;
    }

    .four-col-block-in {
        width: 100%;
    }

		.fours-col-block-in {
				width: 33%;
		}

    .four-col-block-container {
        width: 90% !important;
        text-align: center;
    }

    .four-col-block-in {
        width: 50%;
        padding: 0 20px;
    }

    .four-col-block-in h1 {
        font-size: 100%;
    }

    .four-col-block-in h2 {
        font-size: 80%;
    }

    .four-col-block-in h2 {
        font-size: 80%;
    }

    /* four col block .END */
    /* form col block .START */
    .form-container {
        width: 100% !important;
    }

    .form-block-container {
        width: 100% !important;
        text-align: center;
    }

    .form-block-in {
        width: 100%;
        padding: 0;
    }

    .form-block-in h1 {
        font-size: 100%;
    }

    .form-block-in h2 {
        font-size: 80%;
    }

    .form-block-in h3 {
        font-size: 80%;
    }

    /* form col block .END */
	/* mix col block .START */
	.mix-col-block-container{
	width:100% !important;
	}

	.container-mix .mix, .container-mix .gap {
    width: 49%;
	}

	button.filter {
    font-size: 90%;
    width: 30%;
    margin-left: 0;
    margin-bottom: 30px;
    padding: 20px 10px;
	}

	.mix-content-block h1 {
    font-size: 100%;
	}

	.mix-content-block h2 {
    font-size: 80%;
	}

	.pruduct-sale-b {
    font-size: 80%;
	}

	span.product-sale-intro {
    font-size: 70%;
	}

	span.product-sale-intro-l{
    font-size: 70%;
	}

    /* mix col block .END */
    /* tabs col block .START */
    .tabs nav ul li {
        -webkit-flex: initial;
        -moz-flex: initial;
        -ms-flex: initial;
        flex: initial;
        /*margin-bottom: 15px;*/
        margin-bottom: 0px;
        width: 100%;
    }

    .tabs-style-underline nav a {
        border-right: 1px solid #e7ecea;
    }

    .tabs.tabs-style-underline h2 {
        font-size: 70%;
    }

    .tabs-in-content h3 {
        width: 80%;
    }

    .tabs-in-content h4 {
        width: 80%;
    }

    /* tabs col block .END */
    /* parallax first block .START */
    /*.parallax-headline h1 {
        margin-top: .79545em;
        margin-bottom: 0.5em;
        font-size: 3rem;
        font-weight: 300;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;

    }*/

    .parallax-headline .parallax-heading {
        font-size: 52px;
        font-weight: 300;
        line-height: 70px;
    }

    .paralax-headline span.page-subhead {
        font-weight: 300;
        width: 90%;
        padding: 0 5%;
    }

    .parallax-headline h3 {
        font-size: 80%;
    }

    /* parallax first block .END */
    /* parallax small col block .END */
    .parallax-content-small {
        top: 27%;
    }

    .parallax-headline-small h1 {
        font-size: 100%;
    }

    .parallax-headline-small h3 {
        font-size: 70%;
    }

    /* parallax small col block .END */
    /* big images col block .END */
    figure.effect-big-images h2 {
    margin-top: 30%;
	}
	.grid-big-images figure figcaption {
    font-size: 100%;
	}

    /* big images col block .END */
    /* gallery block .START */
    .gallery-block-container {
        width: 100% !important;
    }

    /* gallery block .END */
    /* newsletter col block .START */
    .newsletter-col-block-left {
        width: 70%;
    }

    .newsletter-col-block-right {
        width: 24%;
    }

    /* newsletter col block .END */
    /* image full col block .START */
    .image-full-col-block-container {
        width: 100% !important;
    }

    .image-full-col-block-in {
        width: 100%;
        margin-bottom: -100px;
    }

    .image-full-col-block-left {
        width: 100%;
        text-align: center;
        margin-top: -80px !important;
    }

    /* image full col block .END */
    /* shop detail block .START */

    .shop-detail-content {
        width: 100% !Important;
    }

    .add-to-cart {
        font-size: 70%;
    }

    .number-item {
        font-size: 70%;
    }

    .shop-tabs-in-content h3 {
        font-size: 70%;
    }

    .shop-detail-headline h1 {
        font-size: 100%;
    }

    .shop-detail-headline h3 {
        font-size: 70%;
    }

    .shop-detail-navigation {
        bottom: 20px;
        top: initial;
        right: 0;
        width: 100%;
    }

    span.span-navigation {
        font-size: 60%;
    }

    /* shop detail block .END */
    /* video block .START */
    .masthead h1 {
        font-size: 100%;
    }

    .masthead h1 span {
        font-size: 80%;
    }

    /* video block .END */
    /* footer col block .START */
    .footer-block {
        width: 80% !Important;
    }

    .footer-block-container h4 {
        font-size: 70%;
    }

    .footer-block-container h5 {
        font-size: 65%;
    }

    /* footer col block .END */
    .screen-container {
       display: flex;
       flex-direction: column-reverse;
    }

    #features-module {
        display: flex;
        flex-direction:
    }

    .tabs-section-image-row > img {
        width: 100%;
    }

    .profile {
        width: 100%;
        margin: 60px 10px;
        padding: 0;
        position: relative;
    }

    .profile-image-wrapper {
        display: block;
        marign: 0 auto;
        text-align: center;
    }

    .info-wrapper {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
        text-align: center;
    }

    .template-panel,
    .website-panel,
    .website-panel-empty {
        width: 45%;
    }

    .websites-block-container {
        width: 95% !important;
    }

    .header-100.shrink {
        padding: 15px 10px;
    }

    .inline-form-control {
        flex-flow: column nowrap;
    }

    .inline-form-control .input:last-child {
        margin-left: 0px;
    }

    .inline-form-control .form-control {
        margin-bottom: 0px;
    }

    .wellcome-page-container {
        flex-flow: column nowrap;
    }

    .builder-container,
    .studio-container,
    .academy-container {
        width: 100%;
        flex: 1 0 33%;
    }

    .content-wrap section {
        padding-top: 0px;
    }

    .image_zoom {
        width: 100%;
        max-width: 370px;
    }

    .partners-block .block-content {
        flex: 0 0 100%;
        width: 100%;
        flex-flow: row wrap;
        flex-basis: auto;
    }

    .partner-item {
        flex: 0 0 50%;
        width: 50%;
        height: 200px;
    }

    .parallax-content {
        width: 90%;
    }

    .header-logo {
        flex: 1 1 auto;
        justify-content: center;
    }

    .contact-img {
        display: none;
    }

    .contact-block .section-heading-box .section-headings {
        font-size: 32px;
    }

    .section-heading-box .section-heading {
        font-size: 32px;
    }

    .section-heading-box {
        margin: 15px auto;
    }

    .parallax-shape,
    .contact-shape {
        display: none;
    }

    input.input-type {
        font-size: 18px;
    }
}
/* Landscape */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape){

	/* force display:none; */
	.nodisplay-ipad {
		display: none !important;
	}

	.nodisplay-d {
		display: block !important;
	}

    .jumbotron.nodisplay-d {
        display: flex !important;
        flex-basis: auto;
    }

    .domains-carousel-display {
        display: none !important;
    }
	/* width full width 100% */
	.width-full-block-100{
    width: 100% !important;
	}

	/* width full width 100% */
	.width-full-block-80{
    width: 100% !important;
	}

	/* width full width 100% */
	.width-full-block-60{
    width: 100% !important;
	}

	/* header width 100% */
	.header-100 {
		width: 100% !important;
	}

	/* header width 80% */
	.header-80 {
		width: 100% !important;
	}

	/* header width 60% */
	.header-60 {
		width: 100% !important;
	}

	/* one col block .START */
	.one-col-block-container {
        /*width: 60% !important;*/
        width: 80% !important;
    }

    .one-col-block-in {
        width: 100%;
    }

    .one-col-block-in h1 {
        font-size: 100%;
    }

    .one-col-block-in h2 {
        font-size: 80%;
    }

    .one-col-block-in h3 {
        font-size: 80%;
    }

    .one-col-button h3 {
        font-size: 70%;
    }

    /* one col block .END */
    /* two col block .START */
    .two-col-block-container {
        width: 60% !important;
        text-align: center;
    }

    .two-col-block-in {
        width: 100%;
        padding: 0;
    }

    .two-col-block-in h1 {
        font-size: 100%;
    }

    .two-col-block-in h2 {
        font-size: 80%;
    }

    .two-col-block-in h3 {
        font-size: 80%;
    }

    /* two col block .END */
    /* three col block .START */
    .three-col-block-container {
        width: 60% !important;
		text-align:center;
    }

    .three-col-block-in {
        width: 100%;
    }

    .three-col-block h1 {
        font-size: 100%;
    }

    .three-col-block-in {
        width: 100%;
        padding: 0;
    }

    .three-col-block-in h1 {
        font-size: 100%;
    }

    .three-col-block-in h2 {
        font-size: 80%;
    }

    .three-col-block-in h3 {
        font-size: 80%;
    }

    /* three col block .END */
    /* four col block .START */
    .four-col-block-container {
        width: 100% !important;
    }

    .four-col-block-in {
        width: 100%;
    }

    .four-col-block-container {
        width: 90% !important;
        text-align: center;
    }

    .four-col-block-in {
        width: 25%;
        padding: 0 20px;
    }

    .four-col-block-in h1 {
        font-size: 100%;
    }

    .four-col-block-in h2 {
        font-size: 80%;
    }

    .four-col-block-in h2 {
        font-size: 80%;
    }

    /* four col block .END */
    /* form col block .START */
    .form-container {
        width: 100% !important;
    }

    .form-block-container {
        width: 60% !important;
        text-align: center;
    }

    .form-block-in {
        width: 100%;
        padding: 0;
    }

    .form-block-in h1 {
        font-size: 100%;
    }

    .form-block-in h2 {
        font-size: 80%;
    }

    .form-block-in h3 {
        font-size: 80%;
    }

    /* form col block .END */
	/* mix col block .START */
	.mix-col-block-container{
	width:100% !important;
	}

	.container-mix .mix, .container-mix .gap {
    width: 49%;
	}

	button.filter {
    font-size: 90%;
    width: 30%;
    margin-left: 0;
    margin-bottom: 30px;
    padding: 20px 10px;
	}

	.mix-content-block h1 {
    font-size: 100%;
	}

	.mix-content-block h2 {
    font-size: 80%;
	}

	.pruduct-sale-b {
    font-size: 80%;
	}

	span.product-sale-intro {
    font-size: 70%;
	}

	span.product-sale-intro-l{
    font-size: 70%;
	}

    /* mix col block .END */
    /* tabs col block .START */
	.tabs nav ul li {
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		/*margin-bottom: 15px;*/
        margin-bottom: 0px;
		width: 100%;
	}

    .tabs-style-underline nav a {
        border-right: 1px solid #e7ecea;
    }

    .tabs.tabs-style-underline h2 {
        font-size: 70%;
    }

    .tabs-in-content h3 {
        width: 80%;
    }

    .tabs-in-content h4 {
        width: 80%;
    }

    /* tabs col block .END */
    /* parallax first block .START */
    /*.parallax-headline h1 {
        margin-top: .79545em;
        margin-bottom: 0.5em;
        font-size: 3rem;
        font-weight: 300;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;

    }*/
    
    .parallax-headline .parallax-heading {
        font-size: 52px;
        font-weight: 300;
        line-height: 70px;
    }

    .paralax-headline span.page-subhead {
        font-weight: 200;
        width: 90%;
        padding: 0 5%;
    }

    .parallax-headline h3 {
        font-size: 80%;
    }

    /* parallax first block .END */
    /* parallax small col block .END */
    .parallax-content-small {
        top: 30%;
    }

    .parallax-headline-small h1 {
        font-size: 100%;
    }

    .parallax-headline-small h3 {
        font-size: 70%;
    }

    /* parallax small col block .END */
	/* big images col block .END */
    figure.effect-big-images h2 {
    margin-top: 30%;
	}
	.grid-big-images figure figcaption {
    font-size: 100%;
	}

    /* big images col block .END */
    /* gallery block .START */
    .gallery-block-container {
        width: 100% !important;
    }

    /* gallery block .END */
    /* newsletter col block .START */
    .newsletter-col-block-left {
        width: 70%;
    }

    .newsletter-col-block-right {
        width: 24%;
    }

    /* newsletter col block .END */
    /* image full col block .START */
    .image-full-col-block-container {
        width: 100% !important;
    }

    .image-full-col-block-in {
        width: 50%;
    }

    .image-full-col-block-left {
        width: 100%;
        text-align: center;
        margin-top: -80px !important;
    }

    /* image full col block .END */
    /* shop detail block .START */

	.shop-col-block-container{
		width:100% !important;
	}

	.shop-detail-col-block-in {
    width: 50%;
	}

	.shop-detail-block-right{
	padding-left: 5%;
	}

	.shop-tabs-block{
	   width: 100% !Important;
	}

    .shop-detail-content {
        width: 100% !Important;
    }

    .add-to-cart {
        font-size: 70%;
    }

    .number-item {
        font-size: 70%;
    }

    .shop-tabs-in-content h3 {
        font-size: 70%;
    }

    .shop-detail-headline h1 {
        font-size: 100%;
    }

    .shop-detail-headline h3 {
        font-size: 70%;
    }

    .shop-detail-navigation {
        bottom: 20px;
        top: initial;
        right: 0;
        width: 100%;
    }

    span.span-navigation {
        font-size: 60%;
    }

    /* shop detail block .END */
	/* video block .START */
    .masthead h1 {
        font-size: 100%;
    }

    .masthead h1 span {
        font-size: 80%;
    }

    /* video block .END */
    /* footer col block .START */
    .footer-block {
        width: 80% !Important;
    }

    .footer-block-container h4 {
        font-size: 70%;
    }

    .footer-block-container h5 {
        font-size: 65%;
    }

    .tabs-section-image-row > img {
        width: 100%;
    }

    .template-panel,
    .website-panel,
    .website-panel-empty {
        width: 45%;
    }

    .websites-block-container {
        width: 95% !important;
    }

    .header-100.shrink {
        padding-bottom: 20px;
    }

    .inline-form-control {
        flex-flow: column nowrap;
    }

    .inline-form-control .input:last-child {
        margin-left: 0px;
    }

    .inline-form-control .form-control {
        margin-bottom: 0px;
    }

    .wellcome-page-container {
        flex-flow: column nowrap;
    }

    .builder-container,
    .studio-container,
    .academy-container {
        width: 100%;
        flex: 1 0 33%;
    }

    .content-wrap section {
        padding-top: 0px;
    }

    .image_zoom {
        width: 50%;
        max-width: 370px;
    }

    .partners-block .block-content {
        flex: 0 0 100%;
        width: 100%;
        flex-flow: row wrap;
        flex-basis: auto;
    }

    .partner-item {
        flex: 0 0 50%;
        width: 50%;
        height: 200px;
    }

    .parallax-content {
        width: 90%;
    }

    .header-logo {
        flex: 1 1 auto;
        justify-content: flex-end;
    }

    .contact-img {
        display: none;
    }

    .contact-block .section-heading-box .section-heading {
        font-size: 32px;
    }

    .section-heading-box .section-heading {
        font-size: 32px;
    }

    .section-heading-box {
        margin: 15px auto;
    }

    .parallax-shape,
    .contact-shape {
        display: none;
    }

    input.input-type {
        font-size: 18px;
    }
}