
/*quick fix*/
.overviewpfcomparison.productfamilycomparison {
    display: none;
}

 

@media only screen and (min-width : 1021px) {


/*my Triage title*/

		.myTriageTitle h2 {
			display: inline-block;
			box-sizing: border-box;
			margin: 2rem 0 0 40px;
			font-size: 2rem;
			line-height: 2.4rem;
			font-weight: normal;
		}

		.myTriageTitle h2::before {
		    content: "";
		    display: inline-block;
		    width: 1.8rem;
		    height: 1.8rem;
		    background-color: #62bffd;
		    margin: 0;
		    box-sizing: border-box;
		    padding: 0;
		    top: 3px;
		    position: relative;
		    margin-right: 1rem;
		}





		/*-----*/

		/*'new' badge position*/
		.productFamilyComparison .familyImage .newBadge, .productFamilyComparison .familyImage .tryAndBuyBadge, .productFamilyComparison .familyImage .storeBadge {
			position: relative;
		 	top: 50px;
			right: -20px;
		}

		/*new family comparison background*/
		.productFamilyComparison .familyDetailsSegmentContainer {
			background: #eef7fd;
			border-top: 3px solid #62bffd;
			margin-bottom: 2rem;
			box-sizing: border-box;
			padding-bottom: 2rem;
		}

		.productFamilyComparison  {
			background: #eef7fd;
			margin-bottom: 2rem;

			border-radius: 0!important;
			border: 1px solid #f0f0f0;

			-webkit-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
			-moz-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
			box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
		}

		.more-less-row:nth-of-type(2n) {
		    display: none;
		}


		.productFamilyComparison.columnsLayout .familyImage .imageContainer {
		     
		    background: #ffffff;
		    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 59%, #ededed 61%, #ffffff 100%);
		    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 59%,#ededed 61%,#ffffff 100%);
		    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 59%,#ededed 61%,#ffffff 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );

		    width: 101%;

		    border-bottom: 1px solid rgba(111,199,129,0.4);
		}

		/*green button*/
		.productFamilyComparison .familyImage .image-feedback {
			margin-top: 1rem;
		}

				.productFamilyComparison .familyImage .image-feedback .fb-button-p5a {
					position: relative;
					top: -1.9rem;
				}



/*my Text blocks*/	
	.myTextWrapper {
		margin: 0;
		margin-bottom: 2rem;
		padding: 0.8rem 0 20px 50px;
		box-sizing: border-box;
		/*border: 1px solid #f0f0f0;*/


		    background: #ffffff;
		    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
		    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
		    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
		    -webkit-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
		    -moz-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
		    box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
		    
		 


	}

	.myTextColumn {
		width: 33%;
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0 4rem 0 0;
		box-sizing: border-box;
	}

	.myTextColumn h3 {
		font-size: 20px;
	    line-height: 26px;
	    font-weight: normal;
	    margin: 1rem 0;
	    padding: 0;
	    display: inline-block;
	}
			
			/*blue triangle*/
			#myTextSection2 .myTextColumn h3:before {
			    content: "";
			    display: inline-block;
			    width: 0;
			    height: 0;
			    position: relative;
			    top: 0.2rem;
			    margin: 0 0.5rem 0rem 0;
			    border-style: solid;
			    border-width: 10px 0 10px 12px;
			    border-color: transparent transparent transparent #007bff;
			    line-height: 0px;
			    _border-color: #000000 #000000 #000000 #007bff;
			    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
			}



			#myTextSection2 .myTextColumn h3:last-of-type {
				margin-top: 0rem;
			}


	.myTextColumn p {
		font-size: 14px;
		line-height: 18px;
	}


	.myTextWrapper#myFamilyIntro .myTextColumn {
		width: 66%;
	}

	/*images @ columns*/
	.text img, .textimage img {
	    padding: 5px 0 0 0!important;
	    /*width: 100%;*/
	    height: auto;

	    margin: 0 0 1rem 0rem;

	    -webkit-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
	    -moz-box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
	    box-shadow: 0px 5px 5px -4px rgba(102,102,102,1);
	}

	.myTextColumn img {
		width: 100%;
	}
	




/*original layout fix*/
.p5tabs .text {
	padding: 0!important;
}

.productcomparison .comparisonTableLabel {
	display: none;
}

.carouselbase_frame_main_image img{
    top: -3px!important;
}

h3.carousel_title.large {
    margin-bottom: 0.3rem;
}

p.carousel_title.large {
    margin-top: 0rem;
}










/*video player - embedded video component in the expader */
.embeddedvideo.section {
    box-sizing: border-box;
    padding: 30px;
}

.embeddedVideo {
    display: table;
    margin: 0 auto;
    position: relative;
}

.mediaDescription {
    font-size: 1.2rem;
    line-height: 1.6rem;
}



/*feedback teaser*/
 
.feedback-teaser .text-box .line-header {
	display: block;
	margin-bottom: 1rem;
}

.feedback-teaser {
    background-color: rgba(135, 190, 255, 0.18);
    position: relative;
    box-sizing: border-box;
    /*padding: 1rem 4rem 0 4rem;*/
}

.feedback-teaser .text-box, .feedback-teaser .qa-badges {
    width: 80%;
    padding: 20px;
    padding: 2rem;
}

.feedback-teaser .text-box.left, .feedback-teaser .qa-badges.left {
    position: relative;
     left: 0px; 
}


/*feature image fix*/
.overview_content .textframe {
    background-color: rgba(255,255,255,0.8)!important;
}


}  /*end of desktops*/




/*mobiles*/

@media only screen and (max-width : 1020px) {

		.myTriageTitle h2 {
			display: inline-block;
			box-sizing: border-box;
			margin: 2rem 0 0 10px;
			font-size: 2rem;
			line-height: 2.4rem;
			font-weight: normal;
		}



		.myTextWrapper {
			padding: 1rem;
		}

		.myTextColumn {
		    width: 99%;
		    padding: 0 2rem 0 0;
		}


		.feedback-teaser {
			padding: 0;
		}

		.feedback-teaser .feedback-a-include {
			bottom: 5%;
			top: auto!important;
		}

		.feedback-teaser .text-box {
			width: 75%!important;
		}

		.feedback-teaser .line-teaser img {
		    vertical-align: middle;
		    display: block;
		    float: both;
		    float: none;
		    margin: auto;
		}

		/*green button*/
		/*.feedback-teaser .feedback-a-include.right {
		    right: auto;
		    display: block;
		    margin: auto 35%;
		}*/


		/*video overlay fix*/

		.embeddedvideo.section {
			padding: 1rem!important;
		}

		.mediaPreviewImage .mediaVideoIcon {
			left: 20%;
			top: 20%;
		}

		.mediaPreviewImage img {
		    width: 100%;
		    height: auto;
		}

		.mediaContainer {
		    height: 100%!important;
		    width: auto!important;
		}


		/*Make FI images larger*/
		.carouselbase_frame_main_image img {
		    max-width: 150% !important;
		    height: auto;
		    width: 150% !important;
		    position: relative;
		    right: 0;
		    left: -50%;
		}


		/*hide redundant family comparison*/
		.overviewpfcomparison.productfamilycomparison {
		    display: none;
		}


}

 







