.wBase, .mTop{width: 1170px}
.lstProduct li a.productItem{
    width: 375px;
}

.productItem .prThumbBox{
    width: 374px;
}
@media (max-width: 500px){
	.breadcrumbBox .wBase{max-width: 100%}
}

@media (max-width: 800px) and (min-width: 360px){
	.wBase {
	    width: 100%;
	    margin: 0 auto;
	     flex-wrap: wrap; 
	}
	.lstProduct li{width: 100%; margin: 0px auto}
	.lstProduct li .prThumbBox{margin: 0px auto}
	.productItem .prDesc{text-align: center;}


	.fBodyTop .addressBox{display: block;     text-align: center;}
    .abLogo img{    width: 41%;
    height: auto;}
    .addressBox .abAddress{font-size: 16px;}
    .abSocial a img{width: 35px; height: auto}

	.lstProduct li{
        margin: 0px auto;
        display: inline-block !important;
        width: 33% !important;
    }
    .pageProduct .productItem .prThumbBox{
        width: 100%;
        height: auto;
    }

	/*.productItem .prThumbBox{
	    width: 100%;
	}*/

	/*#thetextpart p.first {
	    font-size: 16px;
	    line-height: 160%;
	    text-align: center;
	    padding-left: 5px;
	    padding-right: 5px;
	}

	#threeCols .col{
		width: 100%;
    	float: initial; 
	}

	#threeCols .col .imgWrap img{
		width: 100%;
		height: auto
	}

	#threeCols .col .equalizeCols{text-align: center;}

	

	.vid{
		float: initial;
		margin: 10px auto;
	}

	.intro{
		background-position: 0px 0px;
		width: 100%;
		margin-left: 0px;
    	padding: 10px;
	}

	#right_content{height: auto; width: 100%;margin: 0px;    padding: 10px;left: 0px}
	.mF_img{float: initial; margin: 5px auto}
	#mainFeatures h3{
		margin: 2px
	}
	#mainFeatures .features{padding: 5px}

	#eScapeContainer{padding-left: 1px}
	#eScapeContainer #left_content{    width: 100%;float: initial;padding: 10px;}
	#eScapeContainer #left_content h1{ float: initial;padding: 10px;}

	#eScapeContainer #mid_content{width: 100%}
	#eScapeContainer #mid_content #video_wrap{width: 100%; background: initial;    padding: 0px}
	#eScapeContainer #mid_content #video_details{width: 100%}
	#mid_content hr{max-width: 100%}
	#eScapeContainer p.duration{width: 100%}

	#leftFloat{float: initial;width: 100%;}
	#leftFloat div{padding: 10px}
	#rightFloat p{padding: 10px}
	#rightFloat{width: 100%}

	#components_bg{width: 100%}
	#components_bg #components{padding-top: 300px}
	#components_bg #components .numbers{width: 100%; margin-left: 0px}
	#components_bg #speakers6{display: none}

	div#sizeInformation{min-height: auto}

	#player #trim{width: 100%; background-size: 100%; left: 0px}
	#video_wrap{width: 100%; height: auto; position: initial; background-size: 100%;background:url(/images/source/esea/ec07.jpg) no-repeat;}
    #video_wrap #video video{width: 100%; height: auto}
    #textInVideo .play{left: 0px; width: 100%}
    #textInVideo .select{left: 0px; width: 100%}
    #player{height: auto}
    #arrowOverlay{display: none}

    #right_content #thumbs_inner_wrap{width: 100%; padding: 20px; height: 500px}
    #thumbs_inner_wrap .thumb{display: inline-block;}
    /*#thumbs_inner_wrap div.thumb img{width: 50%; height: auto;}*/

    .lstProduct li a.productItem{width: 100%}
    #mid_content #video{margin: 0px auto}
    #playTop .vidID{font-size: 12px}
    #playTop .title{font-size: 12px}
    #playTop .len{font-size: 12px}*/
}