.artist-gallery-blk { width:100%; overflow:hidden; margin-top:4px;}

	/* Artist Inside Page
	---------------------------------------------------------------------------------------- */
    .st 			{ width:100%; margin-top:0; margin-bottom:100px; overflow:hidden; /*border:1px solid red;*/}

    .st .st-l 		{ width:30%; float:left; margin-top:300px}
    .st .st-r 		{ width:70%; float:left; padding-left:60px; /*padding-right:-150px;*/}

    .artist-img-blk 				{ position:relative;}
    .artist-img-blk img 			{ width:100%; height:auto;}
    .artist-img-blk .img-artist 	{ position:absolute; z-index:5}
    .artist-img-blk .img-mask 		{ position:absolute; z-index:10}

    table.t-artist-name 			{ width:100%; border:none; border-collapse:collapse; position:relative; z-index:15; top:250px; left:2%;}
    table.t-artist-name tbody,
    table.t-artist-name tbody tr 				  { width:100%}
    table.t-artist-name tbody tr td:first-child   { width:100px; vertical-align:middle; margin-left;}	
    table.t-artist-name tbody tr td:last-child    { vertical-align:middle; text-align:left; padding-left:20px}	
   
    table.t-artist-name .red-dot 	{ width:100px; height:100px; border-radius:50%; background-color:#0062a7;}
    table.t-artist-name .name 		{ font-size:40px; font-weight:600; line-height:1.2}
    table.t-artist-name .position   { text-transform:uppercase;}
	table.t-artist-name .name.white { color: #fff; }
	table.t-artist-name .position.white { color: #fff; }

    .artist-content-blk { position:relative; padding-right:150px; margin-top:450px;}

    .general a.contact       { color:#333; font-size:85%; text-decoration:underline; text-transform:uppercase; display:inline-block; padding-top:8px}
    .general a.contact:hover { color:#e84124; text-decoration:underline; }
    .general a.contact .fa-envelope-o { color:#e84124; padding-right:10px}

	/* adj
	---------------------------------------------------------------------------------------- */
    .adj-cm-pos 		{ padding-left:150px; margin-top:-200px; z-index:5}
    .adj-breadcrumb 	{ border-bottom:none;  z-index:10}
    .general a.contact.contact-m {display:none;}
     
	 #body.artist .general { padding-bottom:100px}

	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1600px) {
	.st .st-r  	        { padding-right:-100px}
    .adj-cm-pos         { padding-left:100px;}
    .artist-content-blk { padding-right:100px;}   
    .st .st-l           { margin-top:250px}

    table.t-artist-name { top:200px;}
    .artist-content-blk { margin-top:380px}
	}

    @media only screen and (max-width:1440px) {
    .artist-content-blk { margin-top:350px}   
    }

    @media only screen and (max-width:1400px) {
    .st .st-r           { padding-right:-50px}
    .adj-cm-pos         { padding-left:50px;}
    .artist-content-blk { padding-right:50px;}   
    }


    @media only screen and (max-width:1280px) {
    .st             { margin-bottom:50px;}
    .st .st-l       { margin-top:200px}

    table.t-artist-name    { top:150px;}
    table.t-artist-name tbody tr td:first-child   { width:80px;}    
    table.t-artist-name .red-dot    { width:80px; height:80px;}
    table.t-artist-name .name       { font-size:30px;}
    .artist-content-blk   { margin-top:300px}   
    }

	@media only screen and (max-width:1200px) {
    .st 		          { margin-top:0}
    .st .st-r 	          { padding-left:40px}
    .g-padding-sm         { padding-top:85px}
	}

	@media only screen and (max-width:1024px) {
    .st .st-l 		{ width:35%;}
    .st .st-r 		{ width:65%;}
    .artist-content-blk { margin-top:300px}   
    .st .st-l       { margin-top:200px}
    .general a.contact     { font-size:80%;}

    table.t-artist-name    { top:120px; left:5%;}
    table.t-artist-name tbody tr td:first-child   { width:50px;}    
    table.t-artist-name tbody tr td:last-child    { padding-left:10px}  
    table.t-artist-name .red-dot    { width:50px; height:50px;}
    table.t-artist-name .name       { font-size:24px;}
    table.t-artist-name .position   { font-size:80%}
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .st .st-r           { padding-right:-30px}
    .adj-cm-pos         { padding-left:30px;}
    .artist-content-blk { padding-right:30px;}  
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .st .st-l   { margin-top:230px}
    table.t-artist-name    { top:90px; left:5%;}
    table.t-artist-name tbody tr td:first-child   { width:40px;}    
    table.t-artist-name tbody tr td:last-child    { padding-left:10px}  
    table.t-artist-name .red-dot    { width:40px; height:40px;}
    table.t-artist-name .name       { font-size:20px;}
    table.t-artist-name .position   { font-size:75%}
    .artist-img-blk img             { width:115%; height:auto;}
    .artist-content-blk             { margin-top:210px}
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .st .st-l   { margin-top:270px}
    .artist-content-blk             { margin-top:250px}
    }

    @media only screen and (max-width:767px) {
    .g-padding-sm   { padding-top:200px}
    .st             { margin-top:0}
    .st .st-l       { /*display:none;*/ width:100%; margin-top:0; padding-right:20px}
    .st .st-r       { width:100%; padding-right:-20px; padding-left:0}
    .adj-cm-pos         { padding-left:20px;}
    .artist-content-blk { padding-right:20px;}   
    table.t-artist-name .name  { font-size:20px}
    .artist-content-blk { margin-top:30px}
	
	table.t-artist-name .name.white { color: #333; }
	table.t-artist-name .position.white { color: #333; }



    table.t-artist-name    { display:block; position:relative; top:0; left:0; margin-top:30px; border-bottom:1px solid #ececec; padding-bottom:10px; }
    table.t-artist-name tbody tr td:first-child  { vertical-align:top;}  
    table.t-artist-name tbody tr td:last-child    { vertical-align:top;}  

    .artist-img-blk .img-artist     { display:none;}
    .artist-img-blk .img-mask       { display:none;}
    .general a.contact           { display:none}
    .general a.contact.contact-m { display:block;}

	 #body.artist .general { padding-bottom:50px}

	}