/* landing page - retail merchandising */

/*
.page-id-3238 .landing-section h2 {
    text-align: center;
    margin: 0 auto;
    color: #c70034 !important;
    font-size: 37px !important;
    font-weight: 300 !important;
    max-width: 100% !important;
}
*/

/* header section */
.landing-page-retail-header {
	background-image: url("/wp-content/uploads/bigcommerce_header_1600.jpg");
	padding-top: 68px;
}

.landing-page-retail-header h1 {
	width: 572px;
}

.landing-page-retail-header .reviews-info {
    margin-top: 20px;
}

/* logos section */
.landing-page-retail-logos .logos-content {
	width: 1135px;
}

.landing-page-retail-logos .retail-merch-lp-title {
    display: block;
}

.search-merchandising h2 {
    width: 970px;
}

.search-merchandising h3 {
    display: none;
}

.search-merchandising .retail-merch-lp-title {
    display: block;
}

/* merch strategy section */
.merch-strategy {
    background-color: #eee;
}

.merch-strategy .container {
	margin-top: -8px;
}

.merch-strategy h2 {
    text-align: center;
}

.merch-strategy .devider {
    margin-top: -5px;
}

.personalized h2 {
     text-align: center;
}

.personalized .devider {
    margin-top: -7px;
}


/* search-mechandising section */
.search-merchandising {
	border-top: 1px solid #ccc;
}


.action-center {
    margin-bottom: 100px;
}

@media screen and (max-width: 1200px) {
    .landing-page-retail-header {
        padding-top: 60px;
    }
    
	.landing-page-retail-header h1 {
		width: 526px;
	}
    
    .landing-page-retail-header .caption {
        margin-top: 0px;
    }
    
    .landing-page-retail-header .reviews-info {
        margin-top: 15px;
    }
}

@media screen and (max-width: 1024px) {
	.landing-page-retail-header {
		background-position: right 42% top;
	}

	.landing-page-retail-header h1 {
    	width: 418px;
	}

	.wish-you-could .container {
		margin-top: 34px;
	}

	.page-id-3238 .landing-section h2 {
		font-size: 29px !important;
	}
		
}

@media screen and (max-width: 944px) {
    .menu-toggle {
        opacity: 0;
    }
}

@media screen and (max-width: 768px) {
    .landing-section h2 {
		font-size: 27px !important;
	}
}


@media screen and (max-width: 736px) {
    
    /* merch-strategy section */
    .merch-strategy {
        padding-top: 48px;
        padding-bottom: 20px;
    }
    
    .merch-strategy .devider.right {
        margin-top: 29px;
    }
    
    .image-side.merch-strategy .image-container {
        margin-top: 9px;
        width: calc(100% + 26px);
        max-width: calc(100% + 26px);
    }
    
    /* personalized section */
    .personalized {
        padding-top: 40px;
        padding-bottom: 28px;
    }
    
    .personalized .devider.left {
        margin-top: 33px;
    }
    
    .image-side.personalized .image-container {
        margin-top: 9px;
    }
    
    .image-side.personalized .image-container img {
        
    }
    
    
    
    .action-center {
        margin-bottom: 60px;
    }
    
    .action-center .content {
        margin-top: 22px;
    }     
}

@media screen and (max-width: 600px) {
	.landing-page-retail-header {
		background-image: url(/wp-content/uploads/bicommerce_mobile_header.webp);
		background-position: right bottom;
		background-color: #b1c2d2;
	}
}

@media screen and (max-width: 450px) {
	.landing-page-retail-header {
		background-position: right bottom;
	}
}
