.menu-link { display: none;}
.menu { 
  text-align: center;
  -webkit-transition: all 0.3s ease;  
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; 
  border: 0px solid #ff0000;

}
.menu ul { /* controls both    */
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
  border: 0px solid #ff0000;
  
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;     /* klj opjk op jkop jop j     */
	background-color: #ff0000;
	border: 0px solid #ff0000;
}
.menu ul li { padding: 0px 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #111111; font-size: .95em; } /* controls main menu font both    */

.menu ul > li a:hover { background-color: #9eb2c7; color: #ffffff; }

.menu ul li > a { height:38px; padding: 6px 12px; } /* controls short menu aboutus services etc     */
.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 160px;
  background-color: #ff00ff;
  border: 0px solid #cccccc;
}
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #9eb2c7; }
.menu ul ul > li a:hover { background-color: #6d8fb3; color: #ffffff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

@media all and (max-width: 588px) {
  .example-header .container { width: 100%; }
  
  a.menu-link { display: block; color: #fff; background-color: #c3d5e7; float: right; text-decoration: none; padding: 4px 10px  0px   0px ; border: 0px solid #000000;}
  /* controls long menu aboutus services etc     */
  
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #9eb2c7; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.1em;
    padding: 0.1em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #e4e4e4; height:38px; padding: 9px 18px 9px 30px; }   /* controls short menu gohari history insurance etc     */
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
}


.textcontentfont {
	font-family: 'Open Sans', sans-serif; 
	color: #454545; 
	font-size: .9em;
	}



.textcontenttitlefont {
	font-family: 'Droid Serif', serif; 
	color:#224669; 
	font-size: 1.5em; 
	border: 0px solid #ff0000; 
	padding: 0px 0px 10px 0px; 
	line-height: 1em;
	}

.textcontenttitlefont2 {
	font-family: 'Droid Serif', serif; 
	color:#000000; 
	font-size: 1.1em; 
	border: 0px solid #ff0000; 
	padding: 5px 0px 5px 0px; 
	margin: 0px;
	background:#c3d5e7;
	}

.textcontenttitlefont3 {
	font-family: 'Droid Serif', serif; 
	color:#000000; 
	font-size: 1.3em; 
	border: 0px solid #999999; 
	padding: 5px 0px 5px 0px; 
	margin: 0px;
	background:#c3d5e7;
	}

.textcontenttitlefont4 {
	font-family: 'Droid Serif', serif; 
	color:#000000; 
	font-size: 1.3em; 
	border: 0px solid #999999; 
	padding: 3px 0px 3px 10px; 
	margin: 0px;
	background:#e3eaf2;
	}
	
	
.beforeafterbx {
display: inline-block;
border:0px solid #ff0000; 
width: 45%; 
height: auto; 
min-width: 280px; 
padding: 0px 10px 25px 10px; 
vertical-align: top;
}

.quotebx {
display: inline-block;
border:1px solid #999999; 
width: 45%; 
height: auto; 
min-width: 280px; 
padding: 0px 0px 15px 0px; 
vertical-align: top;
margin: 10px 10px;
background:#e3e3e3;
}

.quotebxwide {
display: inline-block;
border:1px solid #999999; 
width: 90%; 
height: auto; 
min-width: 350px; 
padding: 0px 0px 15px 0px; 
vertical-align: top;
margin: 10px 10px;
background:#e3e3e3;
}




.boxcontenttext {
	font-size: .9em;
	line-height: 1.1em;
	}

.boxcontenttext2 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 20px;
	text-align: left;
	}

.boxcontenttext3 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 30px;
	text-align: left;
	}


    #goharibar_641plus {
    display: block ;
    }

    #goharibar_640less {
    display: none ;
    }
    
    
    
    #goharibar_641plus {
         width:100%;
         position:relative;
         margin: 0px auto;
         color:#ff0000;
         z-index:4000;
         
    }
    
  
  
    #goharibar_640less {
         width:100%;
         position:relative;
         margin: 0px auto;
         color:#ff0000;
         z-index:4000;
        
    }
    
    
 
@media screen and (max-width: 640px) { 

	    #goharibar_641plus {
	    display: none ;
	    }
	
	    #goharibar_640less {
	    display: block ;
    	}


}
    
    
    
    
    
      .my-img a {
        display: inline-block;
        margin: 10px;
        border: 2px solid #CCC;
      }
      .my-img a:hover {
        border: 2px solid #45AFFF;
      }
      .modal-lg {
        width: 86%;
      }
      .modal-body {
        overflow: auto;
        max-height: auto;
      }
      
      
a.pscroller11:link {color: #396691; text-decoration: none; }
a.pscroller11:visited {color: #396691; text-decoration: none; }
a.pscroller11:hover {color: #000000; text-decoration: none; }
a.pscroller11:active {color: #396691; text-decoration: none;}