/*this is copy of yekneyviosnsynvmaonvp.css for testing on ms.teknetvisions.com* ****works****/

/* CSS Document Viewport format */
/* tnvmainvp.css to support multi-device css  */
/* Renamed tnvmainvp.css 161230 by TEKraft */


body { 
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
}

/*Keeps browser from auto bullets */
ul li{list-style-type:none;}

/* Formats top header banner */
#top {
background:	#8ac7db  ;
margin:auto;
border: 2px solid black;
}

/* locks font for footers  Note iframe must have link to css in head*/
#footer {font: normal 20px Arial;}

/* font header css */

h1 {
font: normal 28px Georgia,serif;
}

h2 {
font: normal 20px Georgia,serif;
}

h3 {
font: normal 16px Georgia,serif;
}

h4 {
font: normal 12px Georgia,serif;
}

h5 {
font: bold 20px Segoe Print,serif;
background-color:#8ac7db;
color:#000000;
padding-left:15px;
}

/* images and text and section css */

.bimg {border-radius:5%;}

#bimg {border-radius:5%;}

#bimg:hover {border-radius:5%;
	border: 2px solid #000;
	box-shadow: 5px 5px 5px 5px #DCDCDC; 
-moz-box-shadow: 5px 5px 5px 5px #DCDCDC; 
-webkit-box-shadow: 5px 5px 5px 5px #DCDCDC; 
-khtml-box-shadow: 5px 5px 5px 5px #DCDCDC;}
	
#bimg img:hover {
	border: 2px solid #000;
	border-radius:5%;}
	
#blkhdrtxt{
font: normal 36px Arial,Helvetica,san-serif;
font-weight:lighter;}

#section1:hover{
background-color:#DAF2F6;
color:#000}	

#section2{
background-color:#F7F7F7;
border: 1px solid black;}	

#section1 img{
border: 2px dotted #8ac7db;
border-radius:15%;}

#section1 img:hover{
border-radius:15%;
border: 2px solid #000;
box-shadow: 5px 5px 5px 5px #DCDCDC; 
-moz-box-shadow: 5px 5px 5px 5px #DCDCDC; 
-webkit-box-shadow: 5px 5px 5px 5px #DCDCDC; 
-khtml-box-shadow: 5px 5px 5px 5px #DCDCDC;}

#section2 img{
border: 2px dotted #8ac7db;
border-radius:15%;}

#section2 img1{
border: 0px dotted #8ac7db;
border-radius:15%;}

#section2 img:hover{
border-radius:15%;
border: 2px solid #000;
box-shadow: 5px 5px 5px 5px #DCDCDC; 
-moz-box-shadow: 5px 5px 5px 5px #DCDCDC; 
-webkit-box-shadow: 5px 5px 5px 5px #DCDCDC; 
-khtml-box-shadow: 5px 5px 5px 5px #DCDCDC;}

/* formats ad pics to proper size */
#dimgsq img {width:70%;height:auto;}
#dimgwd img {width:70%;}

/* Necessary for proper responsive design*/


/* Format content images at tablet size or smartphone size */
#tabimg img{
		height: auto; 
    width: auto; 
    max-width: 300px; 
    max-height: 300px;}
#tabimgsm img{
		height: auto; 
    width: auto; 
    max-width: 300px; 
    max-height: 300px;}

* {box-sizing: border-box;}

.row::after {
    content: "";
    clear: both;
    display: block;
}

a{text-decoration:none;
	outline:none;}

/* Media Queries */

@media only screen and (min-width: 1151px) {
		/* for large desktop - not working161209 */
		.l1 {width: 8.33%;}
		.l2 {width: 16.66%;}
		.l3 {width: 25%;}
		.l4 {width: 33.33%;}
		.l5 {width: 41.66%;}
		.l6 {width: 50%;}
		.l7 {width: 58.33%;}
		.l8 {width: 66.66%;}
		.l9 {width: 75%;}
		.l10 {width: 83.33%;}
		.l11 {width: 91.66%;}
		.l12 {width: 100%;}

   	[class*="l"] {
    float: left;
    padding: 15px;
    /*background-color: lightgray; For testing*/
    }
    
    /* Change header img For mobile phones: */
    #hdrimglg{display:block;}
    #hdrimgsm{display:none;}
    /* Change table img For tablets: */
    #tabimglg{display:block;}
    #tabimgsm{display:none;}
   
}

    
@media only screen and (min-width: 901px) and (max-width:1150px) {
		/* for desktop */
		.d1 {width: 8.33%;}
		.d2 {width: 16.66%;}
		.d3 {width: 25%;}
		.d4 {width: 33.33%;}
		.d5 {width: 41.66%;}
		.d6 {width: 50%;}
		.d7 {width: 58.33%;}
		.d8 {width: 66.66%;}
		.d9 {width: 75%;}
		.d10 {width: 83.33%;}
		.d11 {width: 91.66%;}
		.d12 {width: 100%;}

   	[class*="d"] {
    float: left;
    padding: 15px;
    /*background-color: dimgray; For testing*/
    }
    
    /* Change header img For mobile phones: */
    #hdrimglg{display:block;}
    #hdrimgsm{display:none;}
    /* Change table img For tablets: */
    #tabimglg{display:block;}
    #tabimgsm{display:none;}
   
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
    /* For tablets: */
		.t1 {width: 8.33%;}
    .t2 {width: 16.66%;}
    .t3 {width: 25%;}
    .t4 {width: 33.33%;}
    .t5 {width: 41.66%;}
    .t6 {width: 50%;}
    .t7 {width: 58.33%;}
    .t8 {width: 66.66%;}
    .t9 {width: 75%;}
    .t10 {width: 83.33%;}
    .t11 {width: 91.66%;}
    .t12 {width: 100%;}
    
    [class*="t"] {
    float: left;
    padding: 15px;
    /*background-color: cornsilk;For testing*/
    }
    
    /* Change header img For mobiles: */
    #hdrimglg{display:block;}
    #hdrimgsm{display:none;}
    /* Change table img For mobiles: */
    #tabimglg{display:block;}
    #tabimgsm{display:none;}
   
}

@media only screen and (max-width: 767px) {
    /* For  larger smartphones: */
		.s1 {width: 8.33%;}
    .s2 {width: 16.66%;}
    .s3 {width: 25%;}
    .s4 {width: 33.33%;}
    .s5 {width: 41.66%;}
    .s6 {width: 50%;}
    .s7 {width: 58.33%;}
    .s8 {width: 66.66%;}
    .s9 {width: 75%;}
    .s10 {width: 83.33%;}
    .s11 {width: 91.66%;}
    .s12 {width: 100%;}
    
    [class*="s"] {
    float: left;
    padding: 15px;
    /*background-color: lightblue;For testing*/
    }
    
    /* Change header img For smartphones: */
    #hdrimglg{display:none;}
    #hdrimgsm{display:block;}
    /* Change table img For smartphones: */
    #tabimglg{display:none;}
    #tabimgsm{display:block;}
   
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    /* For mobile phones: makes all columns 100% below 768px*/
    [class*="s,t,d,l"] {
    width: 100%;}
}

@media only screen and (max-width: 599px) {
    /* For  larger smartphones: */
		.vs1 {width: 8.33%;}
    .vs2 {width: 16.66%;}
    .vs3 {width: 25%;}
    .vs4 {width: 33.33%;}
    .vs5 {width: 41.66%;}
    .vs6 {width: 50%;}
    .vs7 {width: 58.33%;}
    .vs8 {width: 66.66%;}
    .vs9 {width: 75%;}
    .vs10 {width: 83.33%;}
    .vs11 {width: 91.66%;}
    .vs12 {width: 100%;}
    
    [class*="vs"] {
    float: left;
    padding: 15px;
    /*background-color: lightblue;For testing*/
    }
    
    /* Change header img For smartphones: */
    #hdrimglg{display:none;}
    #hdrimgsm{display:block;}
    /* Change table img For smartphones: */
    #tabimglg{display:none;}
    #tabimgsm{display:block;}
   
}

@media only screen and (max-width: 767px) {
    /* For mobile phones: makes all columns 100% below 768px*/
    [class*="s,t,d,l"] {
    width: 100%;}
}

/* Changes Ad images to wide at smartphone level */
@media only screen and (min-width: 767px) and (max-width:901px) {
	#dimgsq{display:none;}
	#dimgwd{display:block;}}

@media only screen and (min-width: 501px) and (max-width: 767px) {
	#dimgsq{display:none;}
	#dimgwd{display:block;}}
		
@media only screen and (max-width: 500px) {
	#dimgsq{display:block;}
	#dimgwd{display:none;}}

/* Hides bottom menu at smartphone level */
@media(max-width:768px){
	#bmb{display:none;}
	

/* End Media Queries */