/*-----INDIVIDUAL PRODUCTS PAGE // Dustech 2019 // using About properties-----*/



.mainProdSectn {
padding: 120px 0 100px 0; /*-----for Main Products INSIDE Page ONLY // added not in original-----*/
}




/*-----PRODUCT NAME PROPERTIES-----*/

.prodName {
text-transform: uppercase;
}


.prodCategory {
font-size: 25px;
font-weight: bold;
line-height: 30px;
color: #666;
text-align: center;
text-transform: uppercase;
margin: 50px 0 0 0;
}


.prodCopy {
font-size: 15px;
text-align: justify;
margin: 30px 0 0 0;
}


.prodCopyMargin { /*-----additional margin properties for Actual Projects page 2023-----*/
margin: 0 0 -40px 0;
}

.prodLogo {
width: 60%;
height: auto;
}


.horizLine {
width: 100%;
height: 2px;
margin: 45px 0;
background: #ff6600;
}







/*-----FOR KONCREFLEX PAGE or PRODUCTS WITH MULTIPLE IMAGES and SAME PROD NAME-----*/

.prodName-box {
width: 97%; 
height: 45px; 
float: none; 
margin: 30px 0 10px 15px;
padding: 15px 0 0 0; 

color: #e3722e;
font-size: 18px;
text-transform: uppercase;

border-top: 2px solid #ff6600;
}



/*-----Applied to Koncreflex various types inside the prod desc row-----*/

.prodTitle {
color: #e3722e; 
font-size: 18px;
font-weight: bold; 
text-transform: uppercase;
}


/*-----in tandem with prodTitle-----*/

.prodDesc {
width: 100%; 
height: auto; 
overflow: visible; 
padding: 0 15px;

margin: 0 0 -40px 0;
}




/*-----FOR INDIVIDUAL PROD BOX ON TOP OF IMAGE for KONCREFLEX-----*/

.prodName-boxTop {
width: 100%; 
height: 25px; 
float: left; 
margin: 0;
padding: 0 0 10px 0; 

color: #e3722e;
font-size: 18px;
text-transform: uppercase;

border: none;
}













/*-----KONCREFLEX PRODUCT PAGE BANNERS-----*/


/*-----LUXFLEX aka Abstract AESTHETIC FLOORING BANNER-----*/

.luxflex {
width: 100%; 
height: 165px;
background:url(../imgsProducts/logo_Luxflex01.png) no-repeat top center; /*--wide banner size on desktop screen--*/
}



/*-----KONCREFLEX BANNER-----*/

.koncreflexBanner {
width: 100%; 
height: 165px;
background:url(../imgsProducts/logo_Koncreflex01.png) no-repeat top center; /*--wide banner size on desktop screen--*/
}






/*-----SUB CATEGORY PRODUCTS-----*/

.prodSubCategory {
width: 100%;
height: auto;
padding: 80px 0 100px 0; /*-----bottom row padding to add space between subcategory and major category product sections-----*/  
background: #e2e2e2;
}




/*-----bottom row padding-----*/

.rowPad {
padding: 0 0 50px 0;
}



/*-----SECTION TITLE PRODUCTS INSIDE PAGE-----*/

.prodSecTitle {
line-height: 30px; 
}



/*-----INQUIRE BUTTON-----*/


a.inqBtn:link {
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 15px;

padding: 8px 15px;

background: #ff9900; /*----orange----*/
}

a.inqBtn:visited {
color: #fff;
font-weight: normal;
}


a.inqBtn:hover {
color: #fff;
background: #6695cf; /*----light skyblue----*/
}


a.inqBtn:active {
color: #fff;
}




/*-----YOU TUBE LINK SECTION-----*/


.yt_Row {
margin: 70px 0 0 0; 
border-top: 2px solid #FF9900;
}


.yt_InnerRow {
width: 50%; 
height: 100px; 
padding: 50px 0 0 0;
}



.iconBox_yt {
width: auto; 
height: auto; 
float: left;
}


.icon_yt {
width: 60px; 
height: auto;
margin: 0 0 15px 0;
}



.vid_CaptionBox {
width: 100%; 
height: auto; 
overflow: visible;
text-align: center;
margin: 35px 0 0 0; 
}





/*--------------------Text link styles for VIDEOS--------------------*/


a.vidTxLink01:link {
color: #0d3774;
text-decoration: underline;
font-size: 13px;

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


a.vidTxLink01:visited {
color: #ababab;
font-weight: normal;
}


a.vidTxLink01:hover {
color: #000;
text-decoration: none;
}


a.vidTxLink01:active {
color: #000;
}




@media only screen and (max-width: 760px) {


/*-----KONCREFLEX PRODUCT PAGE BANNERS-----*/


/*-----ABSTRACT AESTHETIC FLOORING BANNER-----*/

.abstract {
width: 100%; 
height: 170px;
background:url(../imgsProducts/logo_KoncAbstract01.png) no-repeat top center; /*--changes to a rectangle on smaller screens--*/
}


/*-----KONCREFLEX BANNER-----*/

.koncreflexBanner {
width: 100%; 
height: 160px;
background:url(../imgsProducts/logo_Koncreflex02.png) no-repeat top center; /*--wide banner size on desktop screen--*/
}



/*-----YOU TUBE LINK SECTION for SMALLER SCREENS-----*/


.iconBox_yt {
width: 100%; 
height: auto;
margin: 0 0 0 25%;
}


.vid_CaptionBox {
width: 100%; 
height: auto; 
overflow: visible;

text-align: center;

margin: 20px 0 0 0; 
}


}




@media only screen and (max-width: 960px) {

.prodSpecs {
margin: 30px 0 0 0;
}


.imgProd {
width: 100%;
height: auto;
}




.prodName-box {
width: 97%; 
height: 45px; 
float: none; 
margin: 30px 0 -30px 15px;
padding: 15px 0 0 0; 

color: #e3722e;
font-size: 18px;
text-transform: uppercase;

border-top: 2px solid #ff6600;
}



/*-----KONCREFLEX PRODUCT PAGE BANNERS-----*/


/*-----LUXFLEX aka Abstract AESTHETIC FLOORING BANNER-----*/

.luxflex {
width: 100%; 
height: 160px;
background:url(../imgsProducts/logo_Luxflex02.png) no-repeat top center; /*--changes to a rectangle on smaller screens--*/
}


/*-----KONCREFLEX BANNER-----*/

.koncreflexBanner {
width: 100%; 
height: 160px;
background:url(../imgsProducts/logo_Koncreflex02.png) no-repeat top center; /*--wide banner size on desktop screen--*/
}


}