/* WRAPPER BODY AREA */
#wrapper-body-top{
	margin: 50px auto 0;
	width: 100%;
	height: 400px;
	background-color:#f8f8f8;
}
#wrapper-body-top #container{
	margin: 0px auto 0;
	min-width: 1250px;
	max-width: 1250px;
	height: auto;
}
#wrapper-body-top #container #left-container{
	margin-top: 50px;
	width: 61%;
	height: auto;
	float: left;
}
#wrapper-body-top #container #left-container table{
	width: 94%;
	height: auto;
}
#wrapper-body-top #container #left-container table tr{
}
#wrapper-body-top #container #left-container table tr td{
}

#wrapper-body-top #container #left-container table tr td.title{
	max-height: 250px;
	font-family: font4;
	font-size: 48px;
	letter-spacing: -1px;
	text-align: left;
	padding-bottom: 35px;
	color:#000;

}
#wrapper-body-top #container #left-container table tr td.description{
	max-height: 250px;
	font-family: font3;
	font-size: 18px;
	text-align: left;
	padding-bottom: 35px;
	color:#000;
}
#wrapper-body-top #container #left-container table tr td.lesson_outcomes h4{
	font-family: font1;
	font-size: 22px;
	letter-spacing: 0px;
	line-height: 0px;
	color:#000;
}
#wrapper-body-top #container #left-container table tr td.lesson_outcomes{
	max-height: 250px;
	font-family: font3;
	font-size: 18px;
	text-align: left;
	line-height: 26px;
	padding-bottom: 45px;
	color:#000;
}
#wrapper-body-top #container #left-container table tr td.lesson_content h4{
	font-family: font1;
	font-size: 22px;
	letter-spacing: 0px;
	line-height: 0px;
	color:#000;
}
#wrapper-body-top #container #left-container table tr td.lesson_content{
	max-height: 250px;
	font-family: font3;
	font-size: 18px;
	text-align: left;
	line-height: 26px;
	padding-bottom: 45px;
	color:#000;
}
#wrapper-body-top #container #left-container table tr td.lesson_outcomes img{
	width: 16px;
	height: 16px;
}

/* */
#wrapper-body-top #container #right-container{
	margin-top: 50px;
	width: 36%;
	position: sticky;
	position: -webkit-sticky;
	top: 70px;
	height: auto;
	float: right;
	border: 10px solid #f1f1f1;
	background-color: #f1f1f1;
	border-radius: 10px;
	box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.493);
}
#wrapper-body-top #container #right-container .image{
	width: 100%;
	height: auto;
	border-radius: 7px;
	padding-bottom: 15px;
}
#wrapper-body-top #container #right-container table{
	width: 100%;

}
#wrapper-body-top #container #right-container table tr{
	width: 100%;
}
#wrapper-body-top #container #right-container table tr td{
	width: 100%;
}

#wrapper-body-top #container #right-container table tr td.icon{
	width: 35%;
	padding: 10px;
}
#wrapper-body-top #container #right-container table tr td.icon_info{
	width: 65%;
	padding: 10px;
}
.price_info{
	font-family: font4;
	font-size: 28px;
	color: #333;
}
.price_info_before{
	padding-left: 15px;
	font-family: font1;
	font-size: 18px;
	color: #666;
	text-decoration: line-through;
}
.icon_name{
	font-family: font1;
	font-size: 20px;
	letter-spacing: -1px;
	color: #333;
}
.icon_name1{
	font-family: font1;
	font-size: 20px;
	letter-spacing: -1px;
	color: #000;
}
#wrapper-body-top #container #right-container table tr td button.add_to_cart{
	width: 100%;
	height: 50px;
	font-family: font4;
	font-size: 14px;
	border-radius: 3px;
	border: 0;
	color: #333;
	background-color: #FEBA17;
}
#wrapper-body-top #container #right-container table tr td button.add_to_cart:hover{
	background-color: #ffc745;
}
#wrapper-body-top #container #right-container table tr td button.view_course{
	width: 100%;
	height: 50px;
	font-family: font4;
	font-size: 14px;
	border-radius: 3px;
	border: 0;
	color: #fff;
	background-color: #333;
}
#wrapper-body-top #container #right-container table tr td button.view_course:hover{
	background-color: #666;
}
#wrapper-body-top #container #right-container table tr td button.go_to_cart{
	width: 100%;
	height: 50px;
	font-family: font4;
	font-size: 14px;
	border-radius: 3px;
	border: 0;
	color: #333;
	background-color: #fff;
	border:1px solid #333;
}
#wrapper-body-top #container #right-container table tr td button.go_to_cart:hover{
	color: #fff;
	background-color: #333;
}
#wrapper-body-middle{
	margin: 50px auto 0;
	min-width: 1250px;
	max-width: 1250px;
	height: auto;

}
#wrapper-body-middle #left-container{
	width: 61%;
	height: auto;
	float: left;

}
#wrapper-body-middle #left-container table{
	width: 94%;
	height: auto;
}
#wrapper-body-middle #left-container table tr{
}
#wrapper-body-middle #left-container table tr td{
}
#wrapper-body-middle #left-container table tr td.title{
	max-height: 250px;
	font-family: font4;
	font-size: 28px;
	letter-spacing: 0px;
	text-align: left;
	padding-bottom: 5px;
	color:#000;
	border-left: 10px solid #FEBA17;
	border-radius: 3px;
	padding-left: 15px;
}
#wrapper-body-middle #left-container table tr td.lesson_outcomes{
	max-height: 250px;
	font-family: font3;
	font-size: 18px;
	text-align: left;
	line-height: 26px;
	padding-bottom: 45px;
	color:#333;
}
#wrapper-body-middle #left-container table tr td.lesson_content h4{
	font-family: font1;
	font-size: 22px;
	letter-spacing: 0px;
	line-height: 0px;
	color:#000;
}
#wrapper-body-middle #left-container table tr td.lesson_content{
	max-height: 250px;
	font-family: font3;
	font-size: 18px;
	text-align: left;
	line-height: 26px;
	padding-bottom: 45px;
	color:#333;
}
#wrapper-body-middle #left-container table tr td.lesson_outcomes img{
	width: 16px;
	height: 16px;
	padding-right: 10px;
}
#wrapper-body-middle #testimonials{
	margin: 0px auto 0;
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 100px;
}
#wrapper-body-middle #testimonials label.title{
	font-family: font4;
	font-size: 28px;
	color:#000;	
	border-left: 10px solid #FEBA17;
	border-radius: 3px;
	padding-left: 15px;
}
#wrapper-body-middle #testimonials ul{
	padding: 0;
    list-style: none;	
    width: 100%;
	text-align: center;
}
#wrapper-body-middle #testimonials ul li{
    width: 250px;
    height:180px;
    display: inline-block;	
	margin: 10px 20px 0px 0px;	
	overflow: hidden;
	border-radius: 10px 60px 30px;
	position: relative;
	background-color: #F1EFEC;
	padding: 15px;
}
#wrapper-body-middle #testimonials ul li table{	
}
#wrapper-body-middle #testimonials ul li table tr{	
}
#wrapper-body-middle #testimonials ul li table tr.top{
	border-bottom: 3px solid #000;
	text-align: left;
}
#wrapper-body-middle #testimonials ul li table tr.top td img{
	width: 60px;	
	height: 60px;	
	background-color: #f2f2f2;
	border-radius: 100%;
}
#wrapper-body-middle #testimonials ul li table tr.top td label.name{
	font-family: font4;
	font-size: 16px;
	color:#333;
	text-align: left;
}
#wrapper-body-middle #testimonials ul li table tr.bottom td{
	font-size: 16px;
	color:#333;	
	text-align: left;
}

@media only screen and (max-width: 768px) {
    /* WRAPPER BODY AREA MOBILE ADJUSTMENTS */
    #wrapper-body-top {
        margin: 75px auto 0;
        height: auto;
    }
    
    #wrapper-body-top #container,
    #wrapper-body-middle {
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    /* COLUMN LAYOUT ADJUSTMENT */
    #wrapper-body-top #container #left-container,
    #wrapper-body-top #container #right-container,
    #wrapper-body-middle #left-container {
        width: 100% !important;
        float: none;
        margin-top: 20px;
    }
    
    /* RIGHT CONTAINER MOBILE FIXES */
    #wrapper-body-top #container #right-container {
        position: static;
        margin-top: 30px;
        margin-bottom: 30px;
        box-sizing: border-box;
    }
    
    /* TYPOGRAPHY ADJUSTMENTS */
    #wrapper-body-top #container #left-container table tr td.title {
        font-size: 32px !important;
        padding-bottom: 20px;
        letter-spacing: -0.5px;
    }
    
    #wrapper-body-top #container #left-container table tr td.description,
    #wrapper-body-top #container #left-container table tr td.lesson_outcomes,
    #wrapper-body-top #container #left-container table tr td.lesson_content,
    #wrapper-body-middle #left-container table tr td.lesson_outcomes,
    #wrapper-body-middle #left-container table tr td.lesson_content {
        font-size: 16px !important;
        line-height: 24px;
        padding-bottom: 25px;
    }
    
    /* HEADING ADJUSTMENTS */
    td.lesson_outcomes h4, 
    td.lesson_content h4,
    #wrapper-body-middle #left-container table tr td.title {
        font-size: 20px !important;
    }
    
    /* TESTIMONIALS SECTION */
    #wrapper-body-middle #testimonials ul li {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
        height: auto;
    }
    
    /* PRICING BOX ADJUSTMENTS */
    .price_info {
        font-size: 24px !important;
    }
    
    .price_info_before {
        font-size: 16px !important;
    }
    
    .icon_name, .icon_name1 {
        font-size: 18px !important;
    }
    
    /* BUTTON SIZING */
    #wrapper-body-top #container #right-container table tr td button {
        height: 45px !important;
        margin-bottom: 10px;
        font-size: 14px;
    }
    
    /* TABLE CELL ADJUSTMENTS */
    #wrapper-body-top #container #right-container table tr td.icon,
    #wrapper-body-top #container #right-container table tr td.icon_info {
        display: table-cell;
        padding: 8px;
        vertical-align: middle;
    }
}