MAINHACK

Viewing / Editing File: style.css

body{margin:0; background: #fff;font-family: 'Roboto', sans-serif; }
body a{ -webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;text-decoration:none; }
h1,h2,h3,h4,h5,h6{margin:0;font-family: 'Arsenal', sans-serif; }
p{margin:0; }
ul,label{ margin:0; padding:0; }
body a:hover,body a:focus{text-decoration:none;outline:none; }
*{padding: 0; margin: 0; }

.pulse { animation-name: pulse; animation-duration: 1s; }
.animated { animation-duration: 2.5s; animation-fill-mode: both; animation-iteration-count: infinite; }

@keyframes flip {
  0% {transform: perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function: ease-out;}
  40% {transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function: ease-out;}
  50% {transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function: ease-in;}
  80% {transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);animation-timing-function: ease-in;}
  100% {transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function: ease-in;}
}
.animated.flip { backface-visibility: visible; animation-name: flip; }
/*=============== Header Start ==================*/
.navbar-default{ padding:0px 0 0 0; margin:0; background:#FFF;box-shadow: 0 0 20px -2px #474747; transition:all 600ms ease-in-out; }

/*=============== Header last Start ==================*/
.navbar-default .top-block{ position: relative; background: #0878d1; background-image: linear-gradient(to right, #008eff, #100e64); padding: 0px 0; margin: 0 0; }
.navbar-default .top-block .lt{ padding: 0 0; margin: 0 0; }
.navbar-default .top-block .lt ul{ padding: 0 0; margin: 0 0; }
.navbar-default .top-block .lt ul li{ font-family: 'Open Sans Condensed', sans-serif; display: inline-block; padding: 0 15px 0 0; margin: 0 0; list-style: none; color: #FFF; }
.navbar-default .top-block .lt ul li a{ font-family: 'Open Sans Condensed', sans-serif;color: #FFF;}
.navbar-default .top-block .lt ul li a:hover{color: #000;}

.navbar-default .top-block .rt{ padding: 0 0; margin: 0 0;float: right; }
.navbar-default .top-block .rt ul{ padding: 0 0; margin: 0 0; }
.navbar-default .top-block .rt ul li{font-family: 'Open Sans Condensed', sans-serif; display: inline-block; padding: 0 0px 0 0; margin: 0 0; list-style: none; color: #FFF; }
.navbar-default .top-block .rt ul li a{font-family: 'Open Sans Condensed', sans-serif; color: #0878d1; background: #FFF; padding: 4px 13px; margin:0 0;border-radius: 3px; }
.navbar-default .top-block .rt ul li a:hover{ color: #FFF; background: #ff0007;}

/*-- Login-hed --*/
.product_list_header { float: right;padding: 0 0 0;margin: 10px 2px 0 0;border: 0; }
.dropdown { position: relative; display: inline-block; margin: 0 15px 0; }
.dropbtn { background: #FFF; color: #f00; line-height: 15px; border: none; cursor: pointer; padding: 5px 7px; border-radius: 4px; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 1px; font-weight: 600; font-size: 15px; }
.dropdown-content { display: none; position: absolute; background-color: #FFF; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999; right: 0; border: .5px solid #e6e6e6; top: 25px; }
.dropdown-content a { font-family: 'Open Sans Condensed', sans-serif; color: #080b2d; padding: 7px 0; text-decoration: none; display: block; text-align: center; }
.dropdown-content a:hover {background-color: #101067 ; color:#FFF;}
.dropdown:hover .dropdown-content {
    display: block; }

.dropdown:hover .dropbtn { }
.badge { display: inline-block; min-width: 10px; padding: 3px 5px !important; font-size: 8px !important; font-weight: bold; line-height: 1; color: #0030ff !important; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #fff !important; border-radius: 10px; }
.agile-login { padding: 3px 4px; background: #f35f19; margin: 0; float: right; border-radius: 4px; }
.agile-login a { padding: 2px 2px; background: #f35f19; margin: 0; float: right; border-radius: 4px; font-size: 12px; line-height: 17px; color: #FFF; }
.agile_top_brands_grids { margin: 3em 0 0; }
/*-- // Log-hed --*/

.navbar-default .last-block{ position:relative; background: #FFF !important; padding:0; margin:0; transition:all 600ms ease-in-out;height: 60px; }
.navbar-default .last-block .logo-block{ width: 100%; position: relative; padding: 0 0;margin: 0; }
.navbar-default .last-block .logo-block a span{ font-family: 'Sofia', cursive; font-size: 30px; color: #1a5ea6; line-height: 45px; padding: 0px 0 0 15px; margin: 0;}
.navbar-default .last-block .logo-block a span:hover{text-shadow: 4px 4px 2px rgb(198, 198, 198); }
.navbar-default .last-block .logo-block img{width: 15%; height: auto; padding: 0 0; margin: 0px 0 0;}
.pulse-button {position: absolute;border: none;box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);border-radius: 50%;margin: 0;width: 1px;height: 1px;top: 30px;left: 25px;cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); }
.pulse-button:hover { -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none; }

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

.navbar-default .last-block .navigation{ float:right; padding:0; margin:15px 0 0; transition:all 600ms ease-in-out; }
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent; }
.booking{ padding: 6px 0 0; margin: 0; }
img.book-now{ width:100%;float: right; }
@media screen and (min-width: 992px) {
 .navbar-default.navbar-shrink { margin:0px 0 0px 0; transition:all 600ms ease-in-out; }
 .navbar-default.navbar-shrink .top-block{ opacity:0; margin-top:-41px; }
 .navbar-default.navbar-shrink .last-block {position:relative; padding: 15px 0 0 0; background: #FFF !important;}
}

/*======== Headline Border Start ======*/
.spec h2 {font-size: 35px;color: #0b345c;position: relative;text-align: center;padding: 0 0 15px 0;margin: 0 0 35px 0;font-weight: normal;text-shadow: 4px 4px 2px rgb(237, 237, 237); font-family: 'Sofia', cursive; }
.spec h2:before {content: "";width: 600px;height: 50px;position: absolute;left: 0%;right: -15%;top: 10px;padding: 0;margin: 0 auto;background: url(../images/border-drr.png) no-repeat center;transition: all 600ms ease-in-out; }

/*======== banner Start ======*/
.carousel {position: relative; padding: 0; margin: 84px 0 0 0; }

.decs{ position: absolute; content: ""; top: 11%; left: 0; padding: 0 0; margin: 0 0; width: 100%; background: none; }
.decs .banner-form{ width: 36%; background: #FFF; padding:30px; margin: 0; box-shadow: 0 0 20px -2px #b6b6b6; float: right; }
.decs .banner-form h3{ font-family: 'Oswald', sans-serif;font-size: 22px; color: #0852b6; line-height: 28px; padding: 0 0 25px; margin: 0; text-align: center; font-weight: bold; letter-spacing: 1px;}
.decs .banner-form p{ font-size: 17px; font-weight: normal; color: #0853c4; line-height: 20px; padding: 0 0 3px; margin: 0; letter-spacing: 0; text-align: center; font-family: 'Sofia', cursive; }
.decs .banner-form p span{  color: #df0b13; }
/*.decs .banner-form label{display: block; color: #07497d; font-weight: normal; font-size: 15px; line-height: 24px; padding: 0 0; margin: 0;}*/
.decs .banner-form .col-25 { float: left; width: 25%; margin-top: 6px; }
.decs .banner-form .col-75 { float: left; width: 75%; margin-top: 6px; }
.decs .banner-form .col-75 input[type=text], input[type=email], select, textarea {width: 100% !important; padding: 5px !important; border: none; border-bottom: 1px solid #ccc !important; border-radius: 5px !important; resize: vertical; font-size: 15px !important; line-height: 17px !important; font-family: 'Open Sans Condensed', sans-serif; }
.decs .banner-form .col-75 input[type=email] {width: 100% !important; padding: 5px !important; border: none; border-bottom: 1px solid #ccc !important; border-radius: 5px !important; resize: vertical; font-size: 15px !important; line-height: 17px !important; font-family: 'Open Sans Condensed', sans-serif; }
.decs .banner-form input[type=checkbox]{ padding: 0; margin: 0 10px 0 0; }
.decs .banner-form .col-25 label { padding: 9px 10px !important; display: inline-block; color: #052148 !important; font-size: 14px !important; font-weight: normal !important; line-height: 20px !important; margin: 0 !important; }
.decs .banner-form input[type=submit] { color: white; padding: 9px 30px; border: none; border-radius: 4px; cursor: pointer; float: left; margin: 20px 0 0 10px; background-image: linear-gradient(to right, #0ee0f2, #0878d1); }
.decs .banner-form input[type=submit]:hover { background-color: #45a049; }

/*======== All banner Start ======*/
 .all-banner{ margin: 72px 0 0 0; }
 
/*-- about_Dr --*/
.about{ background:#FFF; padding:0; position:relative; z-index:1; overflow: hidden; border: 6px solid #E1E1E1; }
.about .bg-block{ width:86%; background:url(../images/about-bg.png) no-repeat 0px 0px; background-size:cover; }
.about .video-w3l{ background:rgba(227, 189, 254, 0.3); height: 306px; text-align: center; }
.about .bg-block .rt-block{ float:left; width:70%; padding:1em 0 0 105px; margin:0; }
.about .bg-block .rt-block #typed{font-size: 22px; color: #01324D; line-height: 32px; font-weight: normal; font-family: 'Sofia', cursive; } 
.about .bg-block .rt-block #typed i{font-style:normal;color:#3FBA97;font-weight:600; }
/*-- code for animated blinking cursor --*/
.typed-cursor{opacity: 1;font-weight: 300;-webkit-animation: blink 0.7s infinite;-moz-animation: blink 0.7s infinite;-ms-animation: blink 0.7s infinite;-o-animation: blink 0.7s infinite;animation: blink 0.7s infinite;color: #999;font-size: 2.5em;}
/*.about .bg-block .rt-block h2{font-weight: bold;font-style: italic; text-align:left; font-family: 'Hind Madurai', sans-serif; font-size:20px; line-height:22px; color:#ef5861; text-transform:uppercase; position:relative; font-weight:400; padding:10px 0; margin:0 0 10px; }*/
/*.about .bg-block .rt-block h2:after{ content: ""; width: 23%; height: 3px; position: absolute; top: 12px; left: 0; background: #f00; padding: 0; margin: 0; border-radius: 5px; }*/
/*.about .bg-block .rt-block h2:before { content: ""; background: #0878d1; width: 20%; height: 5px; position: absolute; top: 10px; left: 0; border-radius: 5px; z-index: 1; }*/
.about .bg-block .rt-block p.all-text{text-align: left; font-size: 16px; line-height: 27px; color: #515253; font-weight: 300; padding: 0 0 10px 0; margin: 0; font-family: 'Open Sans Condensed', sans-serif; }
.about .bg-block .rt-block a{ display:inline-block;text-align: left; line-height: 20px; letter-spacing: 1px; position: relative; margin: 0 0 15px; font-family: 'Oswald', sans-serif; display: inline-block; padding: 7px 26px; border: 1px solid #929292; color: #02486e; font-size: 15px;}

.about .bg-block .lt-block{ position: absolute; right:0; z-index:-1; float:right; width:50%; padding: 0 0; margin:0; }

/*-- //about_Dr --*/

/*-- about --*/
.about-inn{ width: 100%; position: relative; padding: 35px 0; margin: 0; overflow: hidden; }
.about-inn .text-ad h3{color: #0375de; font-size: 20px; margin: 40px 0 10px; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; letter-spacing: 1px; font-weight: 600; text-align: justify;}
.about-inn .text-ad h5{ color: #0d5ba8; padding: 5px 0; margin: 0; font-size: 16px; line-height: 20px; font-style: italic; font-weight: bold; }
.about-inn .text-ad p{ padding: 0 0em; color: #636363; font-size: 14px; line-height: 27px; text-align: justify; }
.about-inn .img-ad{ width: 100%; padding: 0 0; margin: 0 0; }
.about-inn .img-ad img{ width: 100%; height: auto; }
/*-- // about --*/

/*-- online-dr --*/
.online-dr{ width: 100%; position: relative;background: #FFF; padding: 20px 0; margin: 0; overflow: hidden; }
.online-dr .lt{ width: 20%; text-align: center; margin: 0; display: inline-block; }
.online-dr .lt img{ width: 100%; }
.online-dr .rt{ width: 80%; float: right; }
.online-dr .rt h3{ color: #0d5ba8; padding: 5px 0; margin: 0; font-size: 16px; line-height: 20px; font-style: italic; font-weight: bold; }
.online-dr .rt p{padding: 0 0em; color: #636363; font-size: 12px; line-height: 18px; text-align: justify;}
.online-dr .on-line{ width: 30%; }
.online-dr .on-line-l{ width: 70%; }
/*-- // online-dr --*/

/*-- appointments --*/
.appointments{ position: relative; width: 100%; padding:35px 0 40px; margin: 0 0; overflow: hidden; }
.appointments .appointments-box{ position: relative; overflow: hidden; width: 100%;padding: 0px;margin: 0;text-align: center;-webkit-box-shadow: 2px 2px 18px -7px rgba(188, 188, 188, 0.75);-moz-box-shadow: 2px 2px 18px -7px rgba(188, 188, 188, 0.75);box-shadow: 2px 2px 18px -7px rgba(188, 188, 188, 0.75); border: 3px solid #e6e6e6;}
.appointments .appointments-box img {vertical-align: middle; width: 100%; height: auto;}
.appointments .appointments-box .content { position: absolute; bottom: 0px; background: rgb(0, 0, 0); /* Fallback color */ background: rgba(0, 0, 0, 0.85); /* Black background with 0.5 opacity */ color: #f1f1f1; width: 100%; padding:4px 10px; text-align: left; z-index: 1; }
.appointments .appointments-box .content h3 {font-size: 15px; color: #fff; line-height: 25px; font-weight: bold; padding: 0; margin: 0; text-shadow: none; display: inline-block; text-decoration: underline;}
.appointments .appointments-box .content h3 span {font-size: 16px; color: #fff; line-height: 23px;  font-weight: normal; padding: 0 0 0 10px; margin: 0; text-shadow: none; letter-spacing: 1px; display: inline-block;}
.appointments .appointments-box .content p{ font-size: 11px; color: #fff; line-height: 16px; display: block; font-weight: normal; padding: 0; margin: 0; text-shadow: none;font-family: 'Open Sans Condensed', sans-serif; }
.overlay { position: absolute; bottom: 100%; left: 0;  right: 0; background: rgba(15, 70, 152, 0.75); overflow: hidden; width: 100%; height:0; transition: .5s ease; z-index: 99; }
.appointments-box:hover .overlay { bottom: 0; height: 100%; }
.overlay .text { color: white; font-size: 20px; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center; width: 100%; }
.overlay .text a{ font-size: 15px; padding: 5px 9px; margin: 0; color: #FFF; background: #ff0007; border-radius: 5px; font-family: 'Oswald', sans-serif; }
.overlay .text a:hover{ background: #0878d1; }
/*-- // appointments --*/

/*-- I-con --*/
.icon{ position: relative; width: 100%; padding:35px 0 0 20px; margin: 0 0; overflow: hidden; }
.icon .icon-box {position: relative;width: 12%;padding: 5px;display: inline-block;float: left;height: 170px;text-align: center;margin: 0 auto; }
.icon .icon-box img.icon-img {width: 70%;height: auto;text-align: center;display: block;margin: 0 auto; }
.icon .icon-box p{ font-size: 15px; color: #105395;  }
.icon .icon-box .overlay {position: absolute; bottom: 0; background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.5); /* Black see-through */color: #f1f1f1; width: 100%;transition: .5s ease;opacity:0;color: white;font-size: 16px;padding: 5px 8px;text-align: center; }
.icon .icon-box:hover .overlay {opacity: 1; }

/*-- // I-con --*/

/*-- article --*/
.article{ width: 100%; position: relative; overflow: hidden; padding: 30px 0; margin: 0; background: #F4F5F7;}
.article .servi-shadow span {border: 1px solid #0375de;position: absolute;top: 0px;font-size: 35px; color: #0375de;-webkit-transition: .5s all;-moz-transition: .5s all;transition: .5s all;background: #fff;padding: 10px 15px;left: 0;right: 0;margin: 0 auto;width: 70px;}
.article .servi-shadow h4 {color: #0375de; font-size: 20px;margin: 40px 0 10px;-webkit-transition: .5s all;-moz-transition: .5s all;transition: .5s all;letter-spacing: 1px;font-weight: 600; text-align: center;}
.article .servi-shadow h4 span{ display: block; }
.article .servi-shadow p {padding: 0 2em; color: #636363; font-size: 14px; line-height: 27px; text-align: center;}
.article .servi-shadow:hover span {color: #f00;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
.article .servi-shadow{border-left-color: #fff;}
.article .servi-shadow:hover h4 {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.article .servi-shadow {border: 2px solid #c0c0c0;padding: 10px 0 15px; -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.5);  min-height: 215px; border: 1px solid #d2d1c8; margin: 30px 0;background: #FFF; }
/*-- // article --*/

/*-- testimonials--*/
.testimonials{ width: 100%; overflow: hidden; background: url(../images/test-bg.jpg) no-repeat bottom right; background-size: cover; padding: 50px 0 25px; margin: 0;background-attachment: fixed;  }
.testimonials .testmin-box{ width: 75%; margin: 0 auto; position: 0; text-align: center; padding: 15px 20px 10px; }
.testimonials .testmin-box h6{ font-family: 'Sofia', cursive; display: inline-block; font-size: 30px; color: #0878D1; line-height: 35px; list-style: none; padding: 15px 0; margin: 0;font-weight: bold; }
.testimonials .testmin-box p{ font-size: 16px; color: #063860; line-height: 26px; list-style: none; padding: 0px 0; margin: 0; }
.tes {font-size: 50px !important;color: #063860;line-height: 35px !important;padding: 19px 0 0 0;display: block !important;width: 80px;height: 80px;border: 2px solid #0878D1;border-radius: 50%;margin: 0 auto; }
/*-- // testimonials--*/

/*-- log in --*/
.signupform { background: url('../images/banner11rr.png') left bottom no-repeat; padding: 30px 0; margin: 68px 0 0;background-size: cover; }
.sub-main-w3 { text-align: center; }
.sub-main-w3 form { max-width: 600px; margin: 0 auto;  background: rgba(255, 255, 255, 0.69); padding: 3.5vw; box-sizing: border-box; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33); }
.form-group { margin-bottom: 1.5em; flex-basis: 100%; -webkit-flex-basis: 100%; }
.sub-main-w3 input[type="email"], .sub-main-w3 input[type="password"] { width: 100%; color: #fff; outline: none; font-size: 14px; letter-spacing: 1px; padding: 18px 15px; box-sizing: border-box; border: none; background: rgba(4, 4, 4, 0.50); border: 1px solid #0878d1; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); }
.sub-main-w3 input[type="submit"] {color: #fff;background: #0878d1;border: none;padding: 13px 30px;margin-top: 30px;outline: none;width: 100%;font-size: 16px;cursor: pointer; letter-spacing: 2px; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.49); border-radius: 5px; }
.sub-main-w3 input:hover[type="submit"] { color: #FFF;background: #f00; }
/*-- log in --*/

/*-- Reg --*/
.w3_info { flex-basis: 50%; -webkit-flex-basis: 50%; box-sizing: border-box; padding: 2em 1em; width: 50%; margin: 0 auto;background: rgba(255, 255, 255, 0.69); box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33);}
.w3_info h2 { display: inline-block; font-size: 26px; margin: 0 0 20px; color: #fff; letter-spacing: 2px; }
.input-group { margin-bottom: 15px; padding: 0px 10px; border-bottom: 2px solid #105896; width: 100%;border-radius: 5px; }
.input-group i.fa { font-size: 16px; vertical-align: middle; color: #1375ca; box-sizing: border-box; float: left; width: 6%; margin: 13px 0 0 0; text-align: center; }
input[type="text"] { font-size: 15px; color: #000; font-weight: 500; text-align: left; text-transform: capitalize; letter-spacing: 1px; padding: 12px 10px 12px 10px; width: 90%; display: inline-block; box-sizing: border-box; border: none; outline: none; background: transparent; font-family: 'Raleway', sans-serif; }
input[type="email"] { font-size: 15px; color: #000; font-weight: 500; text-align: left; letter-spacing: 1px; padding: 12px 10px 12px 10px; width: 90%; display: inline-block; box-sizing: border-box; border: none; outline: none; background: transparent; font-family: 'Raleway', sans-serif; }
input[type="Password"] { font-size: 15px; color: #000; font-weight: 500; text-align: left; letter-spacing: 1px; padding: 12px 10px 12px 10px; width: 90%; display: inline-block; box-sizing: border-box; border: none; outline: none; background: transparent; font-family: 'Raleway', sans-serif; }
.btn-danger {color: #fff; background-color: #f00; border-color: #f00; width: 20% !important; display: inline-block; margin: 0 3px; }
.btn-danger:hover{ color: #fff; background-color: #0d77ce; border-color: #0d77ce; }
.refresh {color: #fff; background-color: #1375ca; border-color: #1375ca; width: 20% !important; display: inline-block; margin: 0 3px; font-size: 15px; padding: 4px 0; border-radius: 4px; }
.refresh:hover{ color: #fff; background-color: #f00; border-color: #f00; }

.btn-block + .btn-block { margin: 0; }
.btn-info { color: #fff;  background-color: #2571bd; border-color: #fff; display: inline-block; }
/*-- // Reg --*/

/*-- enquary --*/
.enquiry { background: #FFF; padding: 30px 0; margin: 68px 0 0;background-size: cover; }
.enquiry .contact-left{padding: 2em; box-sizing: border-box; border: 1px solid #545454; -webkit-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.75); margin: 0px 0 25px 0; background: rgba(5, 5, 5, 0.69); border-radius: 10px;}
label { display: inline-block;  max-width: 100%; margin-bottom: 5px; font-weight: bold; color: #d28500; font-size: 18px; }
.enquiry input[type="text"], .enquiry input[type="email address"] { width: 100%; color: #fff; padding: 10px 13px; font-size: 15px; outline: none; background: none; border-bottom: 2px solid #cbcbcb; margin-bottom: 10px; border-radius: 5px;}
.enquiry input[type="file"] { width: 90%; color: #fff; padding: 10px 13px; font-size: 15px; outline: none; background: none; border-bottom: 2px solid #cbcbcb; margin-bottom: 10px; border-radius: 5px; display: inline-block;float: left; }
.enquiry input[type="radio"]{  width: 20%; color: #fff; padding: 10px 13px; font-size: 15px; outline: none; background: none; border-bottom: 2px solid #cbcbcb; margin-bottom: 10px; border-radius: 5px; }
.enquiry textarea { width: 100%; color: #fff; padding: 10px 13px; font-size: 15px; outline: none; background: none; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; resize: none; height: 102px; margin-bottom: 10px; border-bottom: 2px solid #f8f8f8; border-radius: 5px; }
.form-rightt{ border-bottom: 2px solid #cbcbcb; border-radius: 5px; margin: 15px 0; color: #fff; }
.enquiry input[type="submit"]{ color: #FFF; background: #1375ca; padding: 10px 30px; margin: 25px 0 0; border: none; letter-spacing: 1.5px; -webkit-box-shadow: 0px 0px 24px -4px rgba(96, 96, 96, 0.5); -moz-box-shadow: 0px 0px 24px -4px rgba(96, 96, 96, 0.5); box-shadow: 0px 0px 24px -4px rgba(96, 96, 96, 0.5);}
.enquiry input[type="submit"]:hover{ color: #FFF; background: #f00; }
/*-- // enquary --*/

/*-- enquary Detels --*/
.qur { border: 2px solid #dedede; background-color: #f1f1f1; border-radius: 5px; padding: 10px; margin: 10px 0; }
.answer { border-color: #ccc; background-color: #ddd; }
.qur::after { content: ""; clear: both; display: table; }
.qur img { float: left; max-width: 60px; width: 100%; margin-right: 20px; border-radius: 50%; }
.qur img.right { float: right; margin-left: 20px; margin-right:0; }
.time-right { float: right; color: #aaa; }
.time-left { float: left; color: #999; }
.page-header { position: relative; }
.reviews { color: #555; font-weight: bold; margin: 10px auto 20px; }
.notes { color: #999; font-size: 12px; }
.media .media-object { max-width: 120px; }
.media-body { position: relative; }
.media-date {  position: absolute;  right: 25px; top: 25px; }
.media-date li { padding: 0; }
.media-date li:first-child:before { content: ''; }
.media-date li:before {  content: '.';  margin-left: -2px;  margin-right: 2px; }
.media-comment { margin-bottom: 20px; }
.media-replied { margin: 0 0 20px 50px; }
.media-replied .media-heading { padding-left: 6px; }
.btn-circle { font-weight: bold; font-size: 12px; padding: 6px 15px; border-radius: 20px; }
.btn-circle span { padding-right: 6px; }
.embed-responsive { margin-bottom: 20px; }
.tab-content { padding: 50px 15px; border: 1px solid #ddd; border-top: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.custom-input-file { overflow: hidden; position: relative; width: 120px; height: 120px; background: #eee url('https://s3.amazonaws.com/uifaces/faces/twitter/walterstephanie/128.jpg');     background-size: 120px; border-radius: 120px; }
input[type="file"]{ z-index: 999; line-height: 0; font-size: 0; position: absolute; opacity: 0; filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)"; margin: 0; padding:0; left:0; }
.uploadPhoto { position: absolute; top: 25%; left: 25%; display: none; width: 50%; height: 50%; color: #fff;     text-align: center; line-height: 60px; text-transform: uppercase;     background-color: rgba(0,0,0,.3); border-radius: 50px; cursor: pointer; }
/*-- // enquary Detels --*/

/* -- User_profile -- */
.category ul{ margin: 0; padding: 0; }
.category ul li {font-size: 15px; display: block; list-style-type: none; padding: 0.8em 0; padding-left: 0px; padding-left: 0px; padding-left: 2.5em; background: url(../images/arrowtwo.png) no-repeat 1px 15px #f5820d; border-bottom: 2px solid #FFF; transition: all 0.5s ease-in-out; cursor: pointer; }
.category ul li a {color: #FFF;transition: all 0.5s ease-in-out;}
.side-bar-two {background-color: #F9F9F9;padding: 8px 8px;box-shadow: 0px 0px 15px 0px #D6D6D6;margin-bottom: 1em;border: 3px double #b7b7b7;}
.glyphicon {position: relative;top: 10px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #064fab;font-size: 35px;}
.glyphicon-user::before {content: "\e008";}
.category ul li:hover{background: url(../images/arrowtwohover.png) no-repeat 1px 15px #064fab;transform: scale(1.1);}
.category ul li:hover a{color: #fff;}
.category ul li.active{ background: url(../images/arrowtwohover.png) no-repeat 1px 15px #000;  }
.category ul li.active a{ color:#ffff; }
/* --// User_profile -- */

/* -- profile -- */
.profile-banner {padding: 1.5em;box-shadow: 0px 0px 15px 0px #D6D6D6;margin-bottom: 14px;border: 3px double #b7b7b7;}
.profile-banner h4{ font-family: 'Montserrat', sans-serif;color: #0e5664; }
form.profile input[type="submit"] {outline: none;padding: 10px 35px;font-size: 14px;color: #FFF; width:18%;background:#F5820D;border: none;text-transform: uppercase;}
form.profile:hover input[type="submit"]{ background:#219FF3; }
form.profile label {margin: 0.5em 0;padding: 0.3em 0 0 0;font-size: 15px;font-weight: normal;}
.greent_button input[type="submit"] {outline: none;padding: 10px 35px;font-size: 14px;color: #FFF; width:18%;background:#F5820D;border: none;text-transform: uppercase;}

/* --// profile -- */
/* -- order + Edit profile -- */
.profile-banner label { font-family: 'Montserrat', sans-serif; color: #064fab;padding: 18px 0 0 0; font-weight: normal; font-size: 16px; line-height: 20px;}
.snipcart-details a.button { font-size: 14px; color: #fff; background: #337AB7; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none;
}
.text-center_1{ text-align: center; }
.text-center_1 a.button { font-size: 14px; color: #fff; background: #F5820D; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; }
.text-center_1 a.button:hover { background: #064FAB; }
label.hik { font-size: 15px !important;  color: #F5820D !important; font-weight: bold; text-align: left; float: left; margin: 0 0 35px 0; text-decoration: underline; letter-spacing: 0.5px; line-height: 20px; }
.profile-banner ul.big li { width: 34%; display: inline-block; font-weight: bold; margin: 0 0 60px; color: #f5820d; font-size: 15px; text-decoration: underline; }
.profile-banner .no { height: 40px; width: 100%; resize: none; padding: 5px; border: 0.5px solid #cfc2b9; }
.snipcart-details input.button_1 { font-size: 14px; color: #fff; background: #3399cc; text-decoration: none; position: relative; border: none; border-radius: 0; width: 50%; text-transform: uppercase; padding: .5em 0; outline: none; }
.snipcart-details input.button_1:hover { background: #f68b1f; }
.ed-p-box{ width: 100%; padding: 4px 6px; margin: 0; }
p.or-de-p{ padding: 10px 0 0; margin: 0; }
/* --// order -- */

/*-- contact us --*/
.contact { width: 100%; position: relative; background: url(../images/enquiry_banner.jpg) no-repeat right bottom; background-attachment: scroll; background-size: auto; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed; }
.contact h4, .contact-right h4 { color: #000; font-size: 28px; margin-bottom: 15px; text-align: center; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; color: #0068fe; font-size: 16px; font-weight: bold; }
.contact input[type="text"], .contact input[type="email address"] { width: 100%; color: #000; padding: 10px 13px; font-size: 15px; outline: none; background: none; border: 1px solid #d8d8d8; margin-bottom: 10px; }
.contact textarea { width: 100%; color: #000; padding: 10px 13px; font-size: 15px; outline: none; background: none; border: 1px solid #d8d8d8; resize: none; height: 102px; margin-bottom: 10px; }
.contact input[type="submit"] { width: 24%; color: #fff; padding: 7px 0px; font-size: 18px; outline: none; background: #FA0303; border: none; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; margin: 0; display: block; }
.contact input:hover[type="submit"] { background: #0378FA; }
/*--// contact us --*/

/*-- patients --*/
.patients{ width: 100%; padding: 30px 0; margin: 0 0; position: relative; overflow: hidden; }
.patients .patients-world{ width: 100%; padding: 5px; margin: 0 0; position: relative; overflow: hidden; border: 1px solid #e8e8e8; color: #424040; }
.patients .patients-world img{ width: 100%; height:150px; }
.patients .patients-world a p{ font-size: 15px; line-height: 23px;  font-family: 'Arsenal', sans-serif; padding: 5px 0 0; color: #424040; }
.patients .patients-world a p:hover{ color: #000; }
/*-- // patients --*/

/*-- patients-inn --*/
.patients-inn{ width: 100%; padding: 30px 0; margin: 0 0; position: relative; overflow: hidden; }
.patients-inn .patients-world{ width: 100%; padding: 5px; margin: 0 0; position: relative; overflow: hidden; border: 1px solid #e8e8e8; color: #424040; }
.patients-inn .patients-world img{ width: 100%; height:400px; }
.patients-inn .patients-world p{ font-size: 21px; line-height: 29px;  font-family: 'Arsenal', sans-serif; padding: 5px 0 0; color: #424040; }
.patients-inn .patients-world p:hover{ color: #000; }
/*-- // patients-inn --*/

/*-- Dr-profile --*/
.dr-profile { width: 100%; padding: 30px 0; margin: 0 0; position: relative; overflow: hidden; }
.dr-profile .box { border: 1px solid #ddd; padding: 7px; margin: 0 0 20px; }
.dr-profile .box .top-block {  padding: 0 0 8px; margin: 0;display: inline-block; width: 100%; }
.dr-profile .box .top-block .lt-block { width: 25%; float: left; padding: 0; margin: 0 20px 0 0; }
.dr-profile .box .top-block .lt-block img { width: 150px; height: 150px; }
.dr-profile .box .top-block .md-block { float: left; width: 50%; padding: 0; margin: 0 15px 0 0; }
.dr-profile .box .top-block .md-block h3 { font-family: 'Varela Round', sans-serif; font-size: 18px; line-height: 20px; color: #0878d1; font-weight: 600; padding: 15px 0 0; margin: 0; }
.dr-profile .box .top-block .md-block h3 span { font-weight: 500; font-size: 15px; line-height: 17px; display: block; color: #000; }
.dr-profile .box .top-block .md-block p { font-size: 14px; line-height: 19px; padding: 10px 0 0; margin: 0; }
.dr-profile .box .top-block .rt-block { width: 15%; float: right; padding: 20px 0 0; margin: 0; }
.dr-profile .box .top-block .rt-block a { display: block; font-size: 15px; line-height: 17px; text-transform: uppercase; font-weight: 600; color: #0878d1; padding: 30px 0 0; margin: 0; }
.dr-profile .box .top-block .rt-block a:hover{ color: #ff1f00; }
.dr-profile .block-section { border: 1px solid #ddd; padding: 5px; margin: 0 0 10px 0; }
.dr-profile .block-section .img-block { width: 15%; float: left; padding: 0; margin: 0; }
.dr-profile .block-section .img-block img { width: 100%; height: auto; }
.dr-profile .block-section .text-block { float: right; width: 77%; padding: 0 0 0 5px; margin: 0; }
.dr-profile .block-section .text-block a { display: block; font-size: 15px; line-height: 17px; text-transform: capitalize; color: #4f92ff; font-weight: 600; padding: 0 0 5px; margin: 0; }
.dr-profile .block-section .text-block p { font-size: 14px; line-height: 16px; padding: 0; margin: 0; }

.dr-profile .box .details { border-top: 2px solid #ededed; padding: 0 0 8px; margin: 20px 0 0; }
.dr-profile .box .details h5 { font-size: 15px; line-height: 18px; padding: 0; margin: 0 0 10px; color: #0f324e; font-weight: bold; letter-spacing: 1px; }
.dr-profile .box .details h5 span { font-size: 20px; line-height: 22px; color: #fdb313; padding: 0 10px 0 0; }
.dr-profile .box .details h5 span { font-size: 20px; line-height: 22px; color: #306bff; }

/*--// Dr-profile --*/

/*-- Footer --*/
#footer{ background:#0a152d; padding:2em 0 0; margin:0; }
#footer .foo-block{  }
#footer .foo-block h3{ font-family: 'Sofia', cursive; color: #FFF; font-size: 30px; line-height: 40px; }
#footer .foo-block p{ font-size: 17px; line-height: 26px; text-align: left; font-weight: 400; color: #d1d1d1; padding: 0; margin: 0; font-family: 'Open Sans Condensed', sans-serif; }
#footer .foo-block ul{ padding:0 0; margin:0 0; }
#footer .foo-block ul li{ font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; line-height: 24px; color: #c6c4c4; list-style: none; padding: 0 0 4px; margin: 0 0;}
#footer .foo-block ul li a{ color: #c6c4c4; }
#footer .foo-block .rt{ float:left; padding:0; margin:0; display: inline-block; width: 100%; }
#footer .foo-block .rt a{ color:#fff; }
#footer .foo-block .rt a h2 {width: 30px;height: 30px;display: inline-block;border: 2px solid #fff;border-radius: 50%;text-align: center;color: #fff;font-size: 14px;line-height: 28px;padding: 0;margin: 0 10px 0 0;transition: all 500ms ease-in-out; }
#footer .foo-block .rt a h2:hover{ background:#fff; color:#123E5D; }
#footer .foo-block .logo-block-f img { width: 40%;}
#footer .foo-block .logo-block-f a span { font-size: 25px; color: red; line-height: 40px; padding: 0 0 0 15px; margin: 0; font-family: 'Sofia', cursive; }
#footer .foo-block .logo-block-f .pulse-button { position: absolute; border: none; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); border-radius: 50%; margin: 0; width: 1px; height: 1px; top: 115px; left: 101px; cursor: pointer; -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); }
#footer .top-block ul {
    text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0;
}
#footer .top-block {
    width: 100%;
    text-align: center;
    border-top: 1px solid #5a5a5a;
    border-bottom: 1px solid #5a5a5a;
    display: inline-block;
    padding: 8px 0 5px;
    margin: 0 0 2em;
}
#footer .top-block ul li {
    list-style: none;
    float: left;
    display: block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    line-height: 16px;
    font-weight: 500;
    padding: 0;
    margin: 0 10px;
    color: #FFF;
}
/*-- //Footer --*/

@media(max-width:480px){
    /*=== Home Peag Start ===*/
    .navbar-default .top-block .lt ul { padding: 0 0; margin: 0 0; text-align: center; }
    .navbar-default .top-block .lt ul li { display: inline-block; padding: 0; margin: 0 auto; list-style: none; color: #FFF; text-align: center; }
    .navbar-default .top-block .rt ul { padding: 0 0; margin: 0 0; text-align: center; }
    .navbar-default .top-block .rt ul li { display: inline-block; padding: 0 15px 0 0; margin: 0 auto; list-style: none; color: #FFF; text-align: center; }
    .navbar-default .last-block .logo-block a span { font-family: 'Satisfy', cursive; font-size: 18px; color: red; line-height: 40px; padding: 0 0 0 0; margin: 0; }
    .carousel { position: relative; padding: 0; margin: 115px 0 0 0; }
    .about { background: #f2f2f2; padding: 0; position: relative; z-index: 1; overflow: hidden; height: 245px; }
    .about .bg-block .rt-block { float: left; width: 100%; padding: 0 10px; margin: 0; }
    .about .bg-block .rt-block #typed { font-size: 17px; color: #1F5792; line-height: 27px; font-weight: bold; }
    .about .bg-block { width: 100%; background: url(../images/about-bg.png) no-repeat 0px 0px; background-size: auto; background-size: cover;}
    .about .bg-block .rt-block h2 { font-weight: bold; font-style: italic; text-align: left; font-family: 'Hind Madurai', sans-serif; font-size: 20px; line-height: 22px; color: #ef5861; text-transform: uppercase; position: relative; font-weight: 400; padding: 4px 0 0; margin: 0 0 9px; }
    .about .bg-block .rt-block p.all-text { text-align: left; font-family: 'Hind Madurai', sans-serif; font-size: 14px; line-height: 25px; color: #0a1b2d; font-weight: 300; padding: 0 28px 10px 0; margin: 0; }
    .about .video-w3l { background: rgb(0, 175, 235); height: 370px; text-align: center; }
    .spec h2::before { content: ""; width: 600px; height: 50px; position: absolute; left: -5%; right: 0; top: 10px; padding: 0; margin: 0 auto; background: url(../images/border-drr.png) no-repeat center; transition: all 600ms ease-in-out; }
    .all-banner{ margin: 112px 0 0 0; }
    .dr-tim { width: 100%;padding: 0 20px;margin: 0 0;float: left;display: inline-block; }
    .icon { position: relative; width: 100%; padding: 0; margin: 0 0; overflow: hidden; }
    .icon .icon-box { position: relative; width: 25%; padding: 0; display: inline-block; float: left; height: 170px; text-align: center; margin: 0 auto; }
    .icon .icon-box p { font-size: 14px; color: #105395; }
    .testimonials { width: 100%; overflow: hidden; background: url(../images/test-bg.jpg) no-repeat top left; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed; padding: 25px 0; margin: 0; }
    .testimonials .testmin-box { width: 95%; margin: 0 auto; text-align: center; padding: 0; }
    .testimonials .testmin-box p { font-size: 15px; color: #FFF; line-height: 22px; list-style: none; padding: 0px 0; margin: 0; }
    #footer .bottom-block { padding: 0; margin: 0 0 15px; text-align: center; }
    #footer .bottom-block .lt { padding: 0; margin: 0 auto; text-align: center; }
    #footer .bottom-block .lt ul li { font-size: 14px; color: #FFF; line-height: 20px; list-style: none; padding: 0 6px; margin: 0; display: inline-block; }
    #footer .bottom-block .rt { padding: 0; margin: 5px 0 10px 80px; text-align: center; }
    #footer .top-block ul li { list-style: none; float: left; display: block; font-family: 'Hind Madurai', sans-serif; font-size: 12px; line-height: 20px; font-weight: 500; padding: 0; margin: 0 10px 0 0; }
    .contact {
    width: 100%;
    position: relative;
    background: url(../images/enquiry_banner5.jpg) no-repeat right bottom;
        background-attachment: scroll;
        background-size: auto;
    background-attachment: scroll;
    background-size: auto;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    background-attachment: fixed;
}

}

@media(max-width:440px){
    /*=== Home Peag Start ===*/
    .navbar-default .top-block .lt ul { padding: 0 0; margin: 0 0; text-align: center; }
    .navbar-default .top-block .lt ul li { display: inline-block; padding: 0; margin: 0 auto; list-style: none; color: #FFF; text-align: center; }
    .navbar-default .top-block .rt ul { padding: 0 0; margin: 0 0; text-align: center; }
    .navbar-default .top-block .rt ul li { display: inline-block; padding: 0 15px 0 0; margin: 0 auto; list-style: none; color: #FFF; text-align: center; }
    .navbar-default .last-block .logo-block a span { font-family: 'Satisfy', cursive; font-size: 18px; color: red; line-height: 40px; padding: 0 0 0 0; margin: 0; }
    .carousel { position: relative; padding: 0; margin: 115px 0 0 0; }
    .about { background: #f2f2f2; padding: 0; position: relative; z-index: 1; overflow: hidden; height: 245px; }
    .about .bg-block .rt-block { float: left; width: 100%; padding: 0 10px; margin: 0; }
    .about .bg-block .rt-block #typed { font-size: 17px; color: #1F5792; line-height: 27px; font-weight: bold; }
    .about .bg-block { width: 100%; background: url(../images/about-bg.png) no-repeat 0px 0px; background-size: auto; background-size: cover;}
    .about .bg-block .rt-block h2 { font-weight: bold; font-style: italic; text-align: left; font-family: 'Hind Madurai', sans-serif; font-size: 20px; line-height: 22px; color: #ef5861; text-transform: uppercase; position: relative; font-weight: 400; padding: 4px 0 0; margin: 0 0 9px; }
    .about .bg-block .rt-block p.all-text { text-align: left; font-family: 'Hind Madurai', sans-serif; font-size: 14px; line-height: 25px; color: #0a1b2d; font-weight: 300; padding: 0 28px 10px 0; margin: 0; }
    .about .video-w3l { background: rgb(0, 175, 235); height: 370px; text-align: center; }
    .spec h2::before { content: ""; width: 600px; height: 50px; position: absolute; left: -5%; right: 0; top: 10px; padding: 0; margin: 0 auto; background: url(../images/border-drr.png) no-repeat center; transition: all 600ms ease-in-out; }
    .all-banner{ margin: 112px 0 0 0; }
    .dr-tim { width: 100%;padding: 0 20px;margin: 0 0;float: left;display: inline-block; }
    .icon { position: relative; width: 100%; padding: 0; margin: 0 0; overflow: hidden; }
    .icon .icon-box { position: relative; width: 25%; padding: 0; display: inline-block; float: left; height: 170px; text-align: center; margin: 0 auto; }
    .icon .icon-box p { font-size: 14px; color: #105395; }
    .testimonials { width: 100%; overflow: hidden; background: url(../images/test-bg.jpg) no-repeat top left; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed; padding: 25px 0; margin: 0; }
    .testimonials .testmin-box { width: 95%; margin: 0 auto; text-align: center; padding: 0; }
    .testimonials .testmin-box p { font-size: 15px; color: #FFF; line-height: 22px; list-style: none; padding: 0px 0; margin: 0; }
    #footer .bottom-block { padding: 0; margin: 0 0 15px; text-align: center; }
    #footer .bottom-block .lt { padding: 0; margin: 0 auto; text-align: center; }
    #footer .bottom-block .lt ul li { font-size: 14px; color: #FFF; line-height: 20px; list-style: none; padding: 0 6px; margin: 0; display: inline-block; }
    #footer .bottom-block .rt { padding: 0; margin: 5px 0 10px 80px; text-align: center; }
    #footer .top-block ul li { list-style: none; float: left; display: block; font-family: 'Hind Madurai', sans-serif; font-size: 12px; line-height: 20px; font-weight: 500; padding: 0; margin: 0 10px 0 0; }
    .contact input[type="text"], .contact input[type="email address"] { width: 100%; color: #FFF; padding: 10px 13px; font-size: 15px; outline: none; background: none; border: 1px solid #d8d8d8; margin-bottom: 10px; background: rgba(7, 21, 48, 0.25); }
    label { display: inline-block; max-width: 100%; margin-bottom: 5px; color: #fff; font-size: 16px; font-weight: normal; text-shadow: 4px 4px 2px rgb(108, 108, 108); }
    .contact {
    width: 100%;
    position: relative;
    background: url(../images/enquiry_banner5.jpg) no-repeat right bottom;
        background-attachment: scroll;
        background-size: auto;
    background-attachment: scroll;
    background-size: auto;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    background-attachment: fixed;
}

}

@media(max-width:380px){
    /*=== Home Peag Start ===*/
    .navbar-default .top-block .lt ul { padding: 0 0; margin: 0 0; text-align: center; }
    .navbar-default .top-block .lt ul li { display: inline-block; padding: 0; margin: 0 auto; list-style: none; color: #FFF; text-align: center; }
    .navbar-default .top-block .rt ul { padding: 0 0; margin: 0 0; text-align: center; }
    .navbar-default .top-block .rt ul li { display: inline-block; padding: 0 15px 0 0; margin: 0 auto; list-style: none; color: #FFF; text-align: center; }
    .navbar-default .last-block .logo-block a span { font-family: 'Satisfy', cursive; font-size: 18px; color: red; line-height: 40px; padding: 0 0 0 0; margin: 0; }
    .carousel { position: relative; padding: 0; margin: 115px 0 0 0; }
    .about { background: #f2f2f2; padding: 0; position: relative; z-index: 1; overflow: hidden; height: 245px; }
    .about .bg-block .rt-block { float: left; width: 100%; padding: 0 10px; margin: 0; }
    .about .bg-block .rt-block #typed { font-size: 17px; color: #1F5792; line-height: 27px; font-weight: bold; }
    .about .bg-block { width: 100%; background: url(../images/about-bg.png) no-repeat 0px 0px; background-size: auto; background-size: cover;}
    .about .bg-block .rt-block h2 { font-weight: bold; font-style: italic; text-align: left; font-family: 'Hind Madurai', sans-serif; font-size: 20px; line-height: 22px; color: #ef5861; text-transform: uppercase; position: relative; font-weight: 400; padding: 4px 0 0; margin: 0 0 9px; }
    .about .bg-block .rt-block p.all-text { text-align: left; font-family: 'Hind Madurai', sans-serif; font-size: 14px; line-height: 25px; color: #0a1b2d; font-weight: 300; padding: 0 28px 10px 0; margin: 0; }
    .about .video-w3l { background: rgb(0, 175, 235); height: 370px; text-align: center; }
    .spec h2::before { content: ""; width: 600px; height: 50px; position: absolute; left: -5%; right: 0; top: 10px; padding: 0; margin: 0 auto; background: url(../images/border-drr.png) no-repeat center; transition: all 600ms ease-in-out; }
    .all-banner{ margin: 112px 0 0 0; }
    .dr-tim { width: 100%;padding: 0 20px;margin: 0 0;float: left;display: inline-block; }
    .icon { position: relative; width: 100%; padding: 0; margin: 0 0; overflow: hidden; }
    .icon .icon-box { position: relative; width: 25%; padding: 0; display: inline-block; float: left; height: 170px; text-align: center; margin: 0 auto; }
    .icon .icon-box p { font-size: 14px; color: #105395; }
    .testimonials { width: 100%; overflow: hidden; background: url(../images/test-bg.jpg) no-repeat top left; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed; padding: 25px 0; margin: 0; }
    .testimonials .testmin-box { width: 95%; margin: 0 auto; text-align: center; padding: 0; }
    .testimonials .testmin-box p { font-size: 15px; color: #FFF; line-height: 22px; list-style: none; padding: 0px 0; margin: 0; }
    #footer .bottom-block { padding: 0; margin: 0 0 15px; text-align: center; }
    #footer .bottom-block .lt { padding: 0; margin: 0 auto; text-align: center; }
    #footer .bottom-block .lt ul li { font-size: 14px; color: #FFF; line-height: 20px; list-style: none; padding: 0 6px; margin: 0; display: inline-block; }
    #footer .bottom-block .rt { padding: 0; margin: 5px 0 10px 80px; text-align: center; }
    #footer .top-block ul li { list-style: none; float: left; display: block; font-family: 'Hind Madurai', sans-serif; font-size: 12px; line-height: 20px; font-weight: 500; padding: 0; margin: 0 10px 0 0; }
    
        .contact input[type="text"], .contact input[type="email address"] { width: 100%; color: #FFF; padding: 10px 13px; font-size: 15px; outline: none; background: none; border: 1px solid #d8d8d8; margin-bottom: 10px; background: rgba(7, 21, 48, 0.25); }
    label { display: inline-block; max-width: 100%; margin-bottom: 5px; color: #fff; font-size: 16px; font-weight: normal; text-shadow: 4px 4px 2px rgb(108, 108, 108); }
.contact {
    width: 100%;
    position: relative;
    background: url(../images/enquiry_banner5.jpg) no-repeat right bottom;
        background-attachment: scroll;
        background-size: auto;
    background-attachment: scroll;
    background-size: auto;
    background-attachment: scroll;
    background-size: auto;
    background-size: cover;
    background-attachment: fixed;
}
}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info