@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Oswald:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff');
/*
font-family: 'Lato', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Herr Von Muellerhoff', cursive;
*/

*{ margin:0; padding:0; outline:0; }
body{ font-family: 'Lato', sans-serif; color:#4e4e4e; font-weight:500; }
p{font-family: 'Lato', sans-serif; letter-spacing: -0.2px; font-size:15px; line-height:24px; margin:0 0 15px 0 !important; text-align: center; }

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

a[href^="tel:"]:hover{ text-decoration:none; }/*For ph no*/

img{ border:0 none; max-width:100%; height:auto; display:block; }
input, select, textarea{ outline:none; box-sizing:border-box; font-family: 'Lato', sans-serif; font-size:16px;  }
input[type="submit"], input[type="button"], button{outline:none; cursor:pointer; font-style:normal; }
.c-text .page_title { text-align:center !important;}
.c-text .page_title span{ display:none;}
 
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#a1a1a1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #a1a1a1;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#a1a1a1;
}
:-moz-placeholder { /* Firefox 18- */
  color:#a1a1a1;
}

.clear{ clear:both; }


h1, h2, h3, h4, h5, h6{ margin:; font-weight:600; }

ul { margin:0 0 0 0; list-style:outside disc; }
ol{ margin:0 0 0 22px; list-style:outside decimal; }
ul li, ol li{ margin:0 0 10px; color:#505a5e; font-size: 16px; line-height: 23px; }
ol li{ padding:0 0 0 4px; }

.page_title{ font-family: 'Lato', sans-serif; font-size:30px; color:#f1622a; font-weight:700; text-transform: uppercase; line-height: normal; text-align: center; padding-bottom: 10px; margin-bottom: 20px;}/* page title */
.page_title span{ border-bottom:#dcdcdc 1px solid; padding-top:2px; display:block; width:270px; margin:auto; height:3px; }

h1{ font-size:; color:; margin:; }
h2{ font-size:; color:; margin:; }
h3{ font-size:; color:; margin:; }
h4{ font-size:; color:; margin:; }
h5{ font-size:; color:; margin:; }
h6{ font-size:; color:; margin:; }


nav ul, nav ul li, .h_enquriy_form ul, .h_enquriy_form ul li, .f_link ul, .f_link ul li, .l_listing ul, .l_listing ul li{ list-style: none; margin: 0px; padding: 0px;}

#header, #mid_wapper, #footer{ width: 100%; clear:both; overflow: hidden;}
.base_wapper{ width: 1170px; margin: 0 auto; clear: both;}
.ext_padding{ padding: 80px 0px;}


/* Top Head css here*/

.tophead{ position: absolute; top: 0px; left: 0px; right: 0px; z-index: 999;}
.top_call_mail{ padding: 15px 0px;}
.top_call_mail a{ font-size: 14px; color: #fff;}
.top_call_mail a:first-child{ margin-right: 20px;}
.top_call_mail a:hover{color: #fff;}
.top_call_mail a i{font-size: 17px; font-weight: 700; margin-right: 5px;}

.logonav{ padding: 10px; background: #282828; float: left; width: 100%;}
.logonav nav{ float: right; font-family: 'Oswald', sans-serif; margin:22px 0px; }
.logonav nav li{ display: inline-block; font-size: 18px; padding-left: 35px; position: relative;}
.logonav nav li a{ color: #fff;}
.logonav nav li a:hover, .logonav nav li.activ a{ color: #f1622a; text-decoration: none;}
.logonav strong{ display: none;}

.logonav nav li ul{ display: none;}
.logonav nav li:hover ul{ display:block; position: absolute; top: 20px; left: 0px; z-index: 600; padding-top: 20px; background: #282828; width: 200px;}
.logonav nav li ul li{ padding:0px 20px 15px 35px;  font-size: 14px; width: 100%;}


/* Slider css here*/

.homeslider {position: relative; background: #eaeaea;}
.homeslider .upcoruve{ position: absolute; left: 0px; right: 0px; bottom:0px; width: 250px; height: 48px; margin: auto; z-index: 1000; display: block;
    background:url(../images/upcorve.png); background-repeat: no-repeat; background-position: bottom center;}
.homeslider .tscroll{ position:absolute; margin:auto; width:24px; height:40px; left: 0px; right: 0px; bottom: 0px;}

.homeslider .carousel-inner>.item>a>img,
.homeslider .carousel-inner>.item>img,
.homeslider .img-responsive,
.homeslider .thumbnail a>img,
.homeslider .thumbnail>img{ max-width:100%; height: 650px!important; width: 1900px; margin: 0 auto;}
.homeslider .carousel-caption{ width: 42%; top: 200px; text-align:left !important; left: 12% !important; text-shadow:none;}
.homeslider .carousel-caption p{ font-weight:500; font-family: 'Lato', sans-serif; font-size: 20px;  margin-bottom:60px; text-align: left;
                     font-weight: 500; line-height: 24px;
}
.homeslider .carousel-caption .text_heading{font-family: 'Oswald', sans-serif; font-weight:700; font-size:49px;
                                text-transform: uppercase; margin-bottom: 5px;
}
.homeslider .carousel-caption .make_app_btn{ margin-top: 50px;}
.homeslider .carousel-caption .make_app_btn a{font-family: 'Oswald', sans-serif; background: #f1622a; text-transform: uppercase;
                                  font-size: 30px; color: #fff;  text-decoration: none; padding: 7px 30px;
}



/* Mid Body css here*/

.open_hrs{ border: #f1622a solid 4px; text-align: center; padding-bottom: 32px;}
.open_hrs .hrs_h{font-family: 'Oswald', sans-serif; font-size: 25px; font-weight: 700; text-transform: uppercase; color: #f1622a; margin-top: 25px;}
.open_hrs .linedivider{ background:url(../images/x-line.png); background-position: center; background-repeat: no-repeat; height: 10px; margin:13px 0px;}
.open_hrs p{ font-size: 15px; line-height:22px;}

.compare_text p{ padding-left: 40px; padding-right: 40px;}
.sing{font-family: 'Herr Von Muellerhoff', cursive; font-size: 60px; text-align: center; padding-top:50px;}
/*
.h_pack .carousel-caption{ background: #f1622a; top: 90px; left: 30px; height: 70%; width: 65%; padding: 50px 30px; box-sizing: border-box;}
.h_pack .page_title{ display: none;}
.h_pack .h_pack_title{ font-size: 30px; line-height: 30px; font-weight:700; text-transform: uppercase; text-shadow: none;}
.h_pack .h_price{font-size: 30px; font-weight:300; text-shadow: none; font-family: 'Lato', sans-serif; margin-top: 50px;}
.h_pack .h_price span{ display: block; font-weight: 700; font-size: 50px; line-height: 40px;}
.h_pack .btn_readmore{margin-top: 70px;}
.h_pack .btn_readmore a{ color: #282828; font-size: 20px; letter-spacing: 0.7; text-transform: uppercase; text-shadow:none; font-family: 'Lato', sans-serif; background: #fff; padding: 10px 40px; clear: both;}
*/

.o-bg{ background: #f1622a; height: 70%; width: 95%; margin:0 auto; padding: 50px 30px; box-sizing: border-box; color:#fff; text-align:center;}
.h_pack_title{ font-size: 20px; line-height: 30px; font-weight:700; text-transform: uppercase; text-shadow: none;}
.h_price{font-size: 30px; font-weight:300; text-shadow: none; font-family: 'Lato', sans-serif; margin-top: 50px;}
.h_price span{ display: block; font-weight: 700; font-size: 50px; line-height: 40px;}
.btn_readmore{margin-top: 40px;}
.btn_readmore a{ color: #282828; font-size: 20px; letter-spacing: 0.7; text-transform: uppercase; text-shadow:none; font-family: 'Lato', sans-serif; background: #fff; padding: 10px 20px; clear: both;}



.h_pack .carousel-control.left, .h_pack .carousel-control.right{ background: none; top: 512px; height: 57px; width: 40px;}
.h_pack .carousel-control.right{ right: 0px; background:url(../images/packarrow-prev.jpg); background-repeat: no-repeat; right: 7.5%; }
.h_pack .carousel-control.left{ background:url(../images/packarrow-next.jpg); background-repeat: no-repeat; left: 92.5%; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{ display:none !important;}

.ourservice{ background: #f1622a;}
.ourservice .page_title{ color: #fff;}
.ourservice .gren_price{ font-size: 69px; text-align: center; line-height: 85px; color: #fff; font-family: 'Oswald', sans-serif;
    background:url(../images/greente-bathc.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 125px;}
.ourservice .gren_price span{ font-size: 25px; display: block; line-height: 38px; font-weight:300;}

.h_services_list{ padding-left: 10%; box-sizing: border-box; color: #fff;}
.h_s_box{ position: relative; padding-bottom:15px;}
.h_s_box:after{ position: absolute; bottom:28px; left:15%; height: 2px; width: 82%; background:#fff; content:'';}
.h_s_box .sno{ float: left; width: 10%; font-size: 40px; font-family: 'Oswald', sans-serif; display: inline-block;}
.h_s_box .s_dis{float: left; width: 86%; display: block; font-size: 20px; font-family: 'lato', sans-serif; margin-left: 15px; margin-top: 10px;}
.h_s_box .readmorebtn{display: block; font-size: 12px !important; text-transform: uppercase; float: right; margin-top: 8px;}
.h_s_box .readmorebtn a{color: #fff; text-decoration: none;}


.h_enquriy_form{ background: #282828; padding: 40px 35px;}
.enq_title{ font-size: 25px; font-weight: 700; text-transform: uppercase; color: #fff;}
.h_enquriy_form ul li input[type="text"], .h_enquriy_form ul li textarea{ border:#494949 solid 1px; padding: 10px; background: none; width: 100%; margin-top: 13px; margin-bottom:5px; color: #494949;}
.h_enquriy_form ul li textarea{ min-height: 132px; resize: none;}
.h_enquriy_form ul li input[type="submit"]{ background:#f1622a; border: 1px #f1622a solid; padding: 10px 20px; color: #fff; text-transform: uppercase; font-size: 25px; margin-top: 20px;}
.h_enquriy_form ul li input[type="text"]:focus, .h_enquriy_form ul li textarea:focus{ background:#363636;color: #999;}
.exboottom_space15{ margin-top: 30px;}
.exboottom_space15:first-child, .exboottom_space15:nth-child(2)/*, .exboottom_space15:nth-child(3), .exboottom_space15:nth-child(4)*/{margin-top:0px;}


.ourteam{ padding-top: 0px;}
.team_m_box{ position: relative;}
.t_m_pic_dis{ width: 92%; height: 195px; border: #f1622a solid 4px; position: absolute; bottom: -215px; box-sizing: border-box;
transition: all 2s ease .5s;
-webkit-transition: all 2s ease .5s;
-moz-transition: all 2s ease .5s;
-o-transition: all 2s ease .5s;}
.team_m_box:hover .t_m_pic_dis{background: rgba(255, 255, 255, 0.5); border: #f1622a solid 4px; height:565px; position: absolute; bottom: -215px;}
.team_m_box .tminfo{ position:absolute; bottom: 50px; text-align: center; width: 100%;}
.tminfo .teamname{ font-size: 25px; text-transform: uppercase; font-family: 'lato', sans-serif; text-align: center; padding-top: 50px;}
.tminfo .t_divider{background:url(../images/x-line.png); background-position: center; background-repeat: no-repeat; height: 10px; margin:30px 0px;}
.tminfo .t_m_share a{ background: #f1622a; padding: 5px 10px; border-radius: 2px; color: #fff;}



.tesitmonial{padding: 0px;}
.tesitmonial.t_top_p{padding-top: 200px; }
.tesitmonial .page_title{ text-align: left;}
.tesitmonial .page_title span{ margin: 0px;}
.tesitmonial .clintsay{ background:url(../images/commas.png); background-position: top  left; background-repeat: no-repeat; font-size:30px; font-weight: 300; color: #4e4e4e; font-family: 'lato', sans-serif; text-transform: uppercase; padding-left: 50px; margin-top: 80px;}
.tesitmonial .item.active{ min-height: 300px;}
.tesitmonial .item.active .carousel-caption{ top:0px; left: 0px; bottom: 0px; right: 0px; text-align: left; color: #4e4e4e; text-shadow: none; font-size: 16px; line-height: 24px; font-family: 'lato', sans-serif; font-weight: 300;}
.t_clientname{font-family: 'Herr Von Muellerhoff', cursive; font-size: 30px; margin-top: 60px; display:block;}
.tesitmonial .carousel-indicators{ display: none;background:#4e4e4e;}


/* footer seciton started */
.footer-seciton{ background: #282828; color: #fff; padding-top:40px; font-family: 'Lato', sans-serif;font-size: 13px;}
.footer-seciton p, .footer-seciton a, .f_link ul li a{color: #fff; font-size: 13px;}
.footer-seciton a:hover{ color: #fff; text-decoration: underline;}
.foot_titile{ color: #f1622a; font-size: 20px; text-transform: uppercase; position: relative; margin-bottom: 30px; clear: both; font-family: 'Lato', sans-serif;}
.foot_titile:after{position: absolute; bottom: -3px; left: 0px; width: 70px; height: 1px; background: #f1622a; content: '';}
.f_about img{ margin: 10px 10px 10px 0px; /*float: left;*/}
.f_about p, .newletter p{ color: #fff; font-size: 13px; line-height:18px; text-align: left; }
.newletter .nid_box, .newletter .nid_btn{background: #0e0e0e; color: #878787; font-size: 13px; box-sizing: content-box; border: none; padding: 8px 5px; float: left; margin-top: 10px; font-family: 'Lato', sans-serif;}
.newletter .nid_btn{background: #f1622a; color: #fff; font-weight: 700; text-transform: uppercase;  font-family: 'Lato', sans-serif;}
.newletter{ overflow: hidden;}
.f_link ul li{ margin-bottom: 3px; font-family: 'Lato', sans-serif;}
.smicon{float:right; margin-top: -5px;}
.smicon a{ float:left; font-size: 15px; font-weight: 200; font-family: 'Lato', sans-serif; margin-left: 10px; color: #404040;}
/*.smicon a img{ width: 80%; height: auto;}*/
.smicon a:hover{opacity: 0.5;}
.copyright{ background:#0e0e0e; padding: 10px 0px; margin-top: 50px;}
.sitelink, .sitelink:hover{ color:#fff; text-decoration:underline; font-weight:700; font-style:italic;}




/* Inner pages css */
.inner_h{ padding-top:13%; background:#333;}
.inner_h .page_title{ margin-bottom:0px; padding-bottom: 0px;}
.inner_h .breadcrumb {
    padding: 8px 15px;
    margin-bottom:0px;
    list-style: none;
    background:none;
    border-radius: 4px;
    text-align: center;
    
}
.inner_h .breadcrumb a{color: #999;}
.inner_h .breadcrumb .active{ color:#f1622a;}
.innerpages .page_title{ text-align:left;}
.innerpages .page_title span{ margin: 0px;}
.procedure_page p{ text-align: left;}
.page_title_sub{font-family: 'Lato', sans-serif; font-size: 20px; color: #f1622a; font-weight: 700; padding:30px 0px 10px 0px;}
.l_listing{ background: #f1622a; padding: 15px 20px 30px 20px; display:none;}
.l_listing h6{ font-size: 20px; color: #fff; font-weight: 700; background: #1f1f1f; padding: 10px;}
.l_listing ul li{ font-size: 18px; color:#fff; padding: 7px 0px; border-bottom: #db5621 dashed 1px;}
.l_listing ul li a{color:#fff; text-decoration: none;}


.gallery img{ margin-bottom: 30px;}

.r_bootm{background: #f1622a; overflow: hidden; margin-bottom: 20px;}
.r_bootm snap, .r_bootm a{background: #1f1f1f; padding: 10px; color: #fff; display: inline-block; font-size: 12px;}
.r_bootm a:hover{color: #fff; text-decoration: none; }

.tableprice table{ width: 100%; margin: 20px 0px 30px 0px;}
.tableprice thead{background: #f1622a; color: #fff;}
.tableprice thead tr th{ padding: 10px; font-size: 18px;}
.tableprice tbody{ border:#f1622a solid 1px;}
.tableprice tbody tr:nth-child(2n+1){background: #f5f5f5;}
.tableprice tbody tr td{ padding: 10px; border:#000; font-size:15px;}


.hexagon {
  position: relative;
  width: 500px; 
  height: 300px;
  background-color: #f16229;
  margin: 180px 0;
  border-left: solid 10px #333;
  border-right: solid 10px #333;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 353px;
  height: 353px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 63.934px
}

.hexagon:before {
  top: -177.0660px;
  border-top: solid 14.1421px #333;
  border-right: solid 14.1421px #333;
}

.hexagon:after {
  bottom: -177.0660px;
  border-bottom: solid 14.1421px #333;
  border-left: solid 14.1421px #333;
}

.hexagon_text{ font-size: 16px; text-align: center; padding:10px 30px; color: #fff; position:relative; z-index: 400; text-align: center;}
.hexagon_text strong{font-size: 22px; clear: both; display: block; margin-bottom: 30px;}
.hexagon_text strong:after{ position:absolute; z-index: 500; content: ''; top:0px; left: 0px; right: 0px; width: 80px; height: 3px; margin: auto; background: #fff;}

.mr_l{margin-left: 200px;}

.partnership .page_title{ text-align: center !important;}
.partnership .page_title span{ margin: 0 auto;}


.contact-form .c_titile, .c_location .c_title{ color: #021852; font-size: 25px; font-weight: 500; padding-bottom: 20px; padding-left: 15px;}
.contact-form input, .contact-form select, .contact-form textarea{ padding: 10px; width: 100%; margin-bottom: 20px; border: 2px solid #f2f2f2; color: #a1a1a1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.contact-form input[type="submit"]{ width: 150px; background: #f16229; text-transform: uppercase; color: #fff; border: none;}
.contact-form textarea{ min-height: 150px; resize: vertical;}


.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.testi-box {
    display: inline-block;
    background: #fff;
    border: #e6e6e6 solid 1px;
    padding: 1.5em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.testi-box span{ display:block; text-align: right; color: #f1622a; margin-top: 30px;}







@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}





@media only screen and (max-width :1025px){
  .t_m_pic_dis{ width: 91%;}
    .team_m_box:hover .t_m_pic_dis{ height:500px;}
    .tminfo .teamname{ font-size: 20px;}
    .logonav nav li{ padding-left: 20px;}
    
    
.clearHeader{background-color:none;} 
.darkHeader .top_call_mail{ display: none;}
.darkHeader {position: static;}
.darkHeader .logonav{ padding: 0px;}
.darkHeader .logonav img{transform: scale(none);}
.darkHeader .logonav nav{transform: scale(none);}    
}

@media only screen and (max-width :990px){
   .homeslider .carousel-inner > .item > a > img, .homeslider .carousel-inner > .item > img, .homeslider .img-responsive, .homeslider .thumbnail a > img, .homeslider .thumbnail > img{ height: 100% !important;}   
    .homeslider .upcoruve{ display: none;}
    .h_pack .item img{ width: 100%;}
    .t_m_pic_dis{ width: 88%;}
    .team_m_box:hover .t_m_pic_dis{ height:426px;}
    .tminfo .teamname{ font-size: 20px;}
    .homeslider .carousel-caption.slidertext{ display: none;}
    
    .tophead {
    position: static;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999;
    padding: 0px !important;
    width: 100%;
    background: #282828;}
    
    .logonav nav{margin: 5px 0px;}
    .logonav nav li {font-size: 13px; padding-left: 18px;}
    
    .h_services_list{ padding-left: 0px;}
    .h_s_box{ float: left; text-align: center; width: 100%;}
    .h_s_box .sno, .h_s_box .s_dis, .h_s_box .readmorebtn{ display: block; width: 100%; margin: 0px;}
    .h_s_box::after { bottom:0px; height: 1px; left: 0px; width: 100%;}
    
    .tesitmonial .clintsay{ margin-top: 25px;}
    .tesitmonial .item.active .carousel-caption{ font-size: 13px; line-height: 22px;}
    .t_clientname{ margin-top: 30px;}
    .mr_l{ margin-left: 0px;}
    .hexagon{ margin-bottom: 100px;}
}





@media screen and (min-width: 320px) and (max-width: 767px) {
    .responsive_m{ width:100%; padding-top:20px; height:320px; overflow:scroll;} /* For navigation */
    
    .top_call_mail{padding: 5px 0px;}
    .logonav img{ width: 90%; margin: auto;}
    .logonav nav li{width: 100%; padding: 0px; font-size: 14px;}
   
    .logonav nav li ul{ display: block; padding-left: 10px;}
    .logonav nav li:hover ul{position:static; padding-top: 0px; width: 100%;}
    .logonav nav li ul li{ padding:0px;}

    
    .page_title{ font-size: 18px; margin-bottom: 10px;}
    .ext_padding{ padding: 10% 0px; }
    .open_hrs{ margin: 30px 0px;}
    .h_pack .page_title{ display:block;}
    
    .compare_text .page_title{ display:none;}
    .h_pack .carousel-caption{ top:0px; left:0px; width: 100%; height: 100%;}
    .compare_text p{ padding-left: 0px; padding-right: 0px;}
    .h_pack .carousel-control.left, .h_pack .carousel-control.right{ top:40%; width: 50px; height: 50px; transform: scale(0.5); -webkit-transform: scale(0.5); -mox-transform: scale(0.5);}
    .h_pack .carousel-control.left{ left: 0px;}
    .h_pack .carousel-control.right{ right: -10px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ padding: 10px;}
    .ourservice .gren_price{font-size: 30px; line-height: 45px;}
    .ourservice .gren_price span{font-size: 20px; line-height: 24px;}
    .h_services_list{ padding-left: 0px;}
    /*.h_s_box{ float: left; text-align: center; width: 100%;}
    .h_s_box .sno, .h_s_box .s_dis, .h_s_box .readmorebtn{ display: block; width: 100%; margin: 0px;}
    .h_s_box::after { bottom:0px; height: 1px; left: 0px; width: 100%;}*/
    .h_cline_pic{ margin-top: 30px; }
    .h_cline_pic img{ width: 100%; height: auto; margin-bottom: 20px;}
    .compare_text{ margin-top: 20px;}
    .into_pic img{ width: 100%;}
    
    .t_m_pic img{ width: 100%; height: auto;}
    .team_m_box {clear: both; float: left; width: 100%; /*height: 460px;*/ overflow: hidden; margin-bottom: 30px; box-sizing: border-box;}
    .team_m_box:hover .t_m_pic_dis{ height: 100%; bottom: 0px;}
    
    .tesitmonial .clintsay{ margin-top: 20px;}
    .tesitmonial .item.active .carousel-caption{ font-size: 14px; line-height:20px;}
    .tesitmonial .page_title{ text-align: center; margin-top: 30px;}
    .tesitmonial .t_clientname{ margin-top: 15px; font-size: 20px;}
    
    .smicon{ width: 100%; padding: 10px;}
    
    .hexagon{ width: 100%; height: 100%; left: 0px; margin: 0px 0px 20px 0px; padding: 30px 0px;}
    .hexagon:before,
    .hexagon:after { display: none;}
    .mr_l{ margin-left: 0px;}
	
	.o-bg{ width: 100%;}
    
}


@media only screen and (max-width :640px){
    .slidertext{ display: none;}
}


@media only screen and (max-width :320px){
    .h_pack .h_pack_title{ font-size:20px;}
    .h_pack .h_price{ margin-top: 10px; font-size: 25px;}
    .h_pack .h_price span{font-size: 30px;}
    .h_enquriy_form{ padding: 20px 15px; }
    
}









/* responsive menu css */
@media only screen and (min-width :767px){
.responsive_m { display:block}
}	
@media only screen and (max-width :767px){	
    .responsive_m {display: none; height: 230px;}
    .logonav strong{ color: #fff; padding: 5px; display: inline-block;}
    .navbar-toggle{ margin: 0px !important; padding: 5px !important;}
    .navbar-toggle .icon-bar{ background: #FFF;}
	
}




/* bottom to top css */
.footer #back-top{ display:none;}
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left:0px;
	z-index:99999;
	right:10px;}

#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 34px;
	height: 55px;
	display: block;
	margin-bottom: 7px;
	background:#f5f5f5 url(../images/mouse.png) center center  no-repeat;

	/* rounded corners */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
    background:#000 url(../images/mouse.png) center center  no-repeat;
}



/*head nav css add*/
.clearHeader{background-color:none;} 
.darkHeader .top_call_mail{ display: none;}
.darkHeader { position: fixed; top: 0px; z-index: 9999; transition: all 0.5s ease; width: 100%; float: left;}
.darkHeader .logonav{ padding: 0px;}
.darkHeader .logonav img{transform: scale(0.7); transition: all 0.5s ease; text-align:left;}
.darkHeader .logonav nav{transform: scale(0.8); transition: all 0.5s ease; margin-top:20px; margin-bottom:10px; }