body{ background:url("../images/background-img.jpg") fixed;background-size: cover;font: 16px Arial, Helvetica, sans-serif;letter-spacing: 1px;}
* {margin:0;padding:0;box-sizing:border-box;}
#wrapper-top{ width:1000px; margin: auto;}
#about-wrapper{ width:100%; float: left;}
#about-navmain{ width:100%;float:left;margin-top:10px; }

#about-nav{ float:left;width: 100%;background: #000;line-height: 48px;font-size: 16px;}
#about-nav li{float: left;list-style: none;}
#about-nav li a{ font:20px Arial, Helvetica, sans-serif;float: left;text-align: center;width: 100%;color:#FFF; transition: all ease .5s;text-decoration:none; padding:10px 12px;}
#about-nav li a:hover{/*border-radius:10px;*/ background:red; font:20px Arial, Helvetica, sans-serif;padding:10px 12px; text-decoration:none; }
#about-nav li a.active{background:red; font:20px Arial, Helvetica, sans-serif;padding:10px 12px; text-decoration:none; }
#about-nav span{ /*border-radius: 10px;*/background:red; font:20px Arial, Helvetica, sans-serif; color:#FFF; padding:10px 10px;  float: right;}

#about-banner{ width:100%; height:350px; margin-top:5px; float:left;}
#about-banner img{width:100%;height:350px;border:4px solid red;}
#about-banner-shadow{ width:100%; height:10px; float:left;}

#about-middle{ width:100%;border-radius: 10px; float:left;/*border: 1px solid red;*/ }

#about-middle-left{ width:70%; float:left;padding: 15px;color: white;background:rgba(26, 26, 26, 0.78);}
#about-middle-left li{margin-left: 20px;font:14px Arial, Helvetica, sans-serif; color: white; line-height:22px; text-align:justify;}
#about-middle-left img{ width:300px; height:220px;  border:1px solid #666; margin-right:15px;  box-shadow: 2px 2px 2px #888888; float:left;}
#about-middle-left p{ font:14px Arial, Helvetica, sans-serif; line-height:22px; text-align:justify;}
#about-middle-left p a{color:#428bca; text-decoration:none;}
#about-middle-left p a:hover{ color:#2a6496; text-decoration:underline;}

#about-middle-right{ width:30%; float:right;padding: 15px;}
#about-middle-right ul{list-style: none;}
#heading-text{font-size:18px; font-weight: 600;margin: 3px;border-bottom: 3px solid red;text-align: center;color:black;}
#about-middle-right-box{background-color: #f5f5f5;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);border-width: 0 1px 1px 1px;border-style: solid;border-color: red;padding: 10px;border-radius: 0 0 4px 4px;}
#about-middle-right-box li{list-style: none;font-size: 14px;font-weight: bold;color: #666;margin: 2px;padding: 3px 10px;}
#about-middle-right-box li a{color:#428bca; text-decoration:none;}
#about-middle-right-box li a:hover{color:white;background:red;}
#about-middle-right-box ul li:hover{background: red;color: white;cursor: initial;}
#postli{padding:5px;border-bottom: 1px solid red;font-weight:500;}

h1{ font:22px Arial, Helvetica, sans-serif; margin-top: 20px;margin-bottom: 10px;}
h2{ font:20px Arial, Helvetica, sans-serif; margin-top: 20px;margin-bottom: 10px;}
h3{ font:18px Arial, Helvetica, sans-serif; margin-top: 20px;margin-bottom: 10px;}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
p {
  margin: 0 0 10px;
}
a{color:#428bca; text-decoration:none;}
a:hover{color:#2a6496; text-decoration:none;}

.style2 {color: #000000}
.style5 {color: #FF3300;font-weight: bold;}
.style7 {color: #0000CC;font-weight: bold;}
.style8 {font-size: 24px}


#about-follow{ width:100%; margin-top:10px; float:left;}
#about-bottom2-inner5{ width:220px; float:right; }
#about-bottom2-inner5-1{ width:26px; height:26px; margin-left:10px; float:left; }

.clr{ clear:both;}

#about-footer{ width:100%; background:red; float:left;  height:60px;}
#about-footer-main{ width:auto; margin:0 auto; }
#about-footer-nav{ width:1000px; float:left; margin-top:10px;}
#about-footer-nav li{ font:14px Arial, Helvetica, sans-serif; color:#FFF; display:inline; padding: 0px 5px;border-right: 1px solid #ffffff;}
#about-footer-nav li a{ color:#FFF; text-decoration:none;transition: all ease .5s;}
#about-footer-nav li a:hover{ color:#000; text-decoration:none;}
#about-footer-nav p{ font: 13px Arial, Helvetica, sans-serif;margin-top:7px;color:white;font-weight:bold;text-align: center;}

/***************srevice-start**************/
#srevice-middle-right-nav{ width:690px; float:left; margin-left:10px; margin-bottom:10px;}
#srevice-middle-right-nav ul{ margin:0px; padding:0px;}
#srevice-middle-right-nav ul li{ background:url(img/about-icon.png) no-repeat 0px 17px; list-style:none; font:13px Arial, Helvetica, sans-serif; color:#666; font-weight:bold; padding:10px 10px 0 40px;}
#srevice-middle-right-nav ul li a{ color:#666; text-decoration:none;}
#srevice-middle-right-nav ul li a:hover{ color:red; text-decoration:underline;}
#rates{ width:700px; margin-top:20px; float:left;}

/***************srevice-close**************/
.blogreadmore{float: right;padding:5px;background-color: red;color: white;}
#blogbox{width:100%;float:left;}
#blogboxdiv{padding:10px;border:1px solid red;background-color: rgba(0, 0, 0, 0.36);width:320px;margin:5px;float:left;min-height: 255px;}

#breadcrumb {list-style: none;border-radius: 4px;font-size:13px;}

#prof{margin:15px 0 15px 0;}
#prof li p{color:black;}
#prof, .prof ul, .prof li{overflow:hidden;clear:both;}
#prof li{padding:5px 13px;background-color: #f5f5f5;margin:2px;color:#000;  list-style: none;}
#prof li:hover{background-color:red;color:#FFF;}
#pnme{margin:0 30px 0 0;width:200px;font-size:14px;font-weight:bold;float:left;}
#pnme span{float:right;}
#pfdet{overflow:hidden;}

/***************gallery-start**************/
#gallery-box{ width:100%; float:left;padding:15px;color: white;background:rgba(26, 26, 26, 0.78);}

#example-image-link {
  display: inline-block;
  margin: 0 19px 20px 19px;
  line-height: 0;
  border:1px solid #999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 4px solid #5e5e5e;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* line 191, ../sass/screen.sass */
#example-image-link:hover {
  border: 4px solid #fd4a08;
}

/* line 194, ../sass/screen.sass */
#example-image {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
/***************gallery-close**************/

/**************rates**************/

#rates-inner3{ background:url(images/footer-top.png) no-repeat; width:656px; height:77px; margin-top:40px; float:left;}
#rates2-inner3-inner1{ width:380px; font:24px Arial, Helvetica, sans-serif; margin:15px 0 0 20px; color:#000; float:left;}
#rates2-inner3-inner2{ width:250px; float:right; margin:10px 0 0 0;}
#rates-icon2{width:13px; height:41px; float:left; margin-right:20px;}
#rates2{width:205px; font:20px Arial, Helvetica, sans-serif; color:red; margin-right:10px; float:right;}


/****************************************/

#con-field{ width:180px; height:26px; border:1px solid #CCC;}
#con-field1{ width:180px; height:46px; border:1px solid #CCC;}
#con-submit{ background:#F00; width:80px; height:22px; border:1px solid #F00; color:#fff;}


/**************video**************/
#video-main{ width:100%; float:left;padding:15px;color: white;background:rgba(26, 26, 26, 0.78);}
#video-main-box{ width:100%; float:left;}
#video-box1{ width:350px; margin:15px;float:left;padding:10px;text-align:center;}
/*#video-main-box2{ width:100%; margin-top:20px; float:left;}*/
/*#video-box2{ width:200px; height:160px; border:1px solid #999; float:right;}*/


/**************video**************/
@media only screen and ( max-width: 900px){

#wrapper-top {width:90%;}
#about-nav {height:auto;}
#about-banner img{width:100%;}
#about-banner-shadow img{width:100%;}
#about-nav li {width:100%;border-bottom:1px solid #fff;}
#about-nav span{width:100%;text-align:center;}
#about-middle-right {width:100%;}
#about-middle-left {width:100%;}
#video-box1{width:auto;margin:0px;}
#blogbox{width:100%;}
#blogboxdiv{width:auto;margin:5px;}
#about-middle img{width:auto;}
#about-middle-right-box img{width:100%;}
#about-footer-nav {width:100%;padding:20px 5px;background:red;float:left;text-align:center;color:#fff;margin-top:10px;font-size:14px;}
#about-footer-nav li {list-style:none;width:100%;}
#about-footer-nav p {width:100%;text-align:center;margin-top:25px;}
#about-footer-nav a {float:none;}
}