.custom-itm .item img{float:left;width:100%}
.comon-section{float:left;width:100%;padding:50px 0;}
.welcome-text {text-align: left;}
.welcome-text h1 {float: left;width: 100%;margin: 0 0 20px 0;color: #000;font-size: 30px;font-weight: 100;font-family: 'Roboto Slab', serif;}
.welcome-text h2 {margin: 0 0 30px 0;float: left;width: 100%;font-size:60px;font-weight:bold;font-family: 'Roboto Slab', serif;}
.welcome-text p{margin-bottom: 20px;float:left;width:100%;text-align:justify;color:#424242;font-size:13px;line-height:24px;font-weight:400;}
.indicators-custom{bottom:-50px;}
.indicators-custom li{border-color:#f68710}
.indicators-custom .active{background:#f68710}
.footer{float:left;width:100%;background:url("../images/footer-bg.jpg") no-repeat;background-size:cover;background-position:center;padding:20px 0 0 0;}
.footer-text h3 {font-size: 20px;font-weight: 400;margin: 30px 0 40px 0;color: #fff;border-bottom: 3px solid #478bca;padding-bottom: 20px;}
.footer-nav{float:left;width:100%;list-style:none;margin:0;padding:0}
.footer-nav li{float:left;width:100%;margin-bottom:20px}
.footer-nav a{float:left;width:90%;color:#bfc4c7;font-size:13px;text-transform:none;}
.footer-nav a:hover{text-decoration:none;color:#478bca}
.footer-nav i{float:left;color:#478bca;margin: 2px 5px 0 0;}
.footer-text > p {color: #fff;float: left;width: 100%;font-size:13px;}
.footer-text > p i{color: #478bca;margin: 0 10px 0 0;}
.sub-footer {float: left;margin-top: 20px;padding: 24px 0;width: 100%;color: #444;background: #fff;text-align: left;font-size:13px;}
.top-header{float:left;width:100%;margin:0;background:#061347;padding: 0px 0;color:#fff}
.navbar-nav{margin:4px 0 0 0;}
.logo {padding: 0;float: left;width:auto;}
.logo img {float: left;width: 100%;}
.logo:hover{color:#fff;text-decoration:none} 
.navbar-collapse{padding:0}
.top-header p {float: left;font-size: 13px;margin:0;width: auto;border-right:1px dashed #dd9933;border-left:1px dashed #dd9933;    padding: 17px 15px;}
.top-header i{margin:0;color:#fff}
.botm-header{ float: left; width: 100%; padding:16px 0;box-shadow:0 3px 4px -2px rgba(0, 0, 0, 0.15);position:relative;z-index: 17;}
.social-icons{float:right;width:auto;padding:0;margin:0;list-style:none}
.social-icons li{float:right;border-right:1px solid #fff;padding: 16px 8px;}
.social-icons li a {float: left;font-size: 13px;margin: 0;line-height: 20px;text-align: center;}
.box3{background:#fff;width: 31%;float:left;margin: 1%;text-align:center;}
.our-img {overflow: hidden;height: 250px;width:100%;float:left;position:relative;}
.our-img img{width:100%;float:left;}
.our-img h1 {background: rgba(255,255,255,0.5);cursor: pointer;position: absolute;bottom: -10px;color: #222;font-size: 20px;font-weight: bold;left: 0;width: 100%;padding: 40px 0;}
.our-img h1:hover {background: rgba(71,139,202,0.8);color:#fff}
.box3 a { text-transform:uppercase;display: inline-block;padding: 10px 24px;border: 1px solid #478bca;color: #478bca;margin: 30px 0 0 0;}
.box3 a:hover{text-decoration:none}
.welcome-text ol {float: left;width: 100%;text-align: left;font-size:13px;}
.welcome-text li {float: left;width: 100%;text-align: left;margin-bottom:5px}
/* .appointment{background:url("../images/appointment-bg.jpg") no-repeat;background-size:cover;background-position:center;} */
.top-heading{background:#fff;color:#333;padding:30px 0;float:left;width:100%;border-bottom:1px solid #eaeaea}
.top-heading h1 {font-size: 26px;float: left;font-weight: 400;margin: 0;width: auto;text-align: left;text-transform: none;}
.bread-custom{float:right;width:auto;text-align: right;    margin: 5px 0 0 0;}
.bread-custom a{color:#333;font-size:13px;}
.bread-custom a:hover{text-decoration:none}
.about-us{float:left;width:100%;}
.about-us p{float:left;width:100%;font-size:16px;text-align:justify;font-weight:400;color:#424242;margin-bottom: 20px;}
.our-services{float:left;width:100%;}
.our-services h3{float:left;width:44%;margin:2% 3%;overflow:hidden}
.our-services img{float:left;width:100%;}
ul.App-form {float: left;width: 100%;padding: 20px 10px;margin: 0;background: #7eafda;list-style: none;}
.App-form li {margin-bottom: 15px;}
.App-form li:last-child {margin-bottom:0;}
.App-form li input{border:none;border-radius:0;height:50px}
.App-form li select{border:none;border-radius:0;height:50px}
.App-form li button{background:#488bca;color:#fff;border:none;float:right;padding: 12px 16px;}
.App-form li button:hover{background:#3879b6;}
.custom-icon {position: absolute;bottom: 69px;color: #478bca;z-index: 1;background: #fff;left: 0;right: 0;width: 67px;height: 67px;text-align: center;margin: 0 auto;border-radius: 50%;border: 3px solid #478bca;font-size: 34px;line-height: 62px;}

.link_wr {
    display: block;
    overflow: hidden;
    position: relative;
}
.link_wr img {
    width: 100%;background:#fff;
}
.link_wr .overlay {
    bottom: 500px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
}
.link_wr .content_wr {
    bottom: -200px;
    color: #fff;
    left: 0px;
   width:100%;
    position: absolute;
    text-align: left;
    transition: all 0.5s ease 0s;
}


.link_wr .content_wr .price {
    font-size: 28px;
    font-weight: 400;
    line-height: 22px;
    margin-top: -7px;
    width: 100%;
    text-align: center;
    float: left;
}

.link_wr .content_wr * + p {
    margin-top: 0;
}
.link_wr:hover .overlay {
    background: rgba(24, 28, 48, 0.81) none repeat scroll 0 0;
    bottom: 0;
    opacity: 1;
}
.link_wr:hover .content_wr {
    bottom: 45%;
}
.portfolio{float:left;width:100%;text-align:center;padding:100px 0;}
.portfolio h2{font-weight:700;color:#ee4037;line-height:44px;}
.contact-info {
    float: left;
    list-style: outside none none;
    margin: 20px 0 0 0;
    padding: 0;
    width: 100%;
}
.contact-info > li {
    float: left;
    margin-bottom:20px;
    width: 100%;
}
.contact-info li i {
    float: left;
    font-size: 16px;
    margin: 4px 15px 0 0;
    color: #616161;
}
.contact-info p {
    font-size: 13px;
    margin: 0;
    color: #616161;
    font-weight: 400;
}
.contact-container p {
font-size: 13px;}

.cont-form {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 40px 0 0;
    width: 100%;
}
.cont-form > li {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.cont-form li i {
    color: #bbb;
    float: left;
    font-size: 24px;
    width: 5%;margin-top: 7px;
}
.cont-form li input{transition-duration: 0.3s;height:46px;border-radius:2px;font-size:14px;float:left;width:100%;border:1px solid #d3d3d3;box-shadow:none;background:#f8f8f8;}
.cont-form li label{font-size:13px;font-weight:400;}
.cont-form li textarea{background:#f8f8f8;min-height: 120px;border-radius:2px;transition-duration: 0.3s;font-size:14px;float:left;width:100%;border:1px solid #d3d3d3;box-shadow:none}
.cont-form li a {
    background: #478bca none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    float:right;
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    padding: 14px 18px;
    text-transform: none;
}
.cont-form li a:hover { background: #444;text-decoration:none}
.contact-container{float:left;width:100%;margin-top:0px;}
.contact-container h1{float:left;width:100%;font-size:28px;font-weight:400;color:#222;margin: 0 0 10px 0;}
.portfolio p {
    text-align: left;
    font-size: 18px;
}
.mid-slide{padding-top: 0;}
.mid-slide1{background:#fff;}
.social-icon {
    float: left;
    list-style: outside none none;
    margin: 0 0 40px 0;
    padding: 0;
    width: 100%;
}
.social-icon > li {
    float: left;
    text-align: left;
    width: 20%;
}
.cont-sicon a {width: 40px;float: left;margin: 0 8px 0 0;}
.cont-sicon a img{width: 100%}
.custom-thum {text-align:center}
.custom-thum h4{font-size:18px;font-weight:600;float:left;width:100%;text-align:center}
.footer-text input {float: left;width: 80%;border: none;text-indent: 8px;border-radius: 0;height: 50px;}
.footer-text button {float: left;width: 50px;border: none;border-radius: 0;height: 50px;color:#fff;background:#478bca;}
.ser-thumb ul{float:left;width:100%;margin:100px 0 0 0;padding:0;list-style:none}
.ser-thumb ul li{float:left;width:23%;margin:1%;text-align:center;border:1px solid #eaeaea;min-height:215px;position:relative;}
.ser-thumb ul li:hover{background:#478bca;color:#fff}
.ser-thumb ul li span{line-height: 90px;font-size:34px;color:#222;border:1px solid #eaeaea; width:100px;height:90px;position:absolute;text-align:center;top:-48px;left:0;right:0;margin:auto;background:#fbfbfb}
.ser-thumb ul li h4 {border-bottom: 1px dashed #d9d9d9;margin-bottom: 10px;padding: 0 10px 13px 10px;font-size:20px;font-weight:600;color:#222;margin-top: 60px;}
.ser-thumb ul li p {padding:0px 10px 15px 10px;margin:0;font-size:13px;}
.ser-thumb ul li a{color:#222}
.ser-thumb ul li a:hover{color:#222;text-decoration:none}
.text-ser{font-size: 13px;float: right;width: 82%;text-align: left;}
blockquote {
    clear: left;
    display: inline-block;
    margin: 30px 0;
    padding: 0;
    position: relative;
    border-left: 5px solid;
    font-size: 16px;
    font-style: italic;
    padding: 10px 20px;
    line-height: 28px;
}
blockquote.type2 {
    font-family: 'lato', sans-serif;
    padding: 10px 2px 10px 43px;
    border-left: 5px solid #061347;
}
blockquote.type2 .fa-quote-left {
    position: absolute;
    left: 17px;
    top: 15px;color: #478bca;
}
blockquote.type2 .fa.fa-quote-right {
    margin-left: 7px;color: #478bca;
}
blockquote, q {
    quotes: none;
}
.dropdown-menu > li > a{padding:8px 20px;}


@media (max-width: 767px) {


.top-header{padding:7px 0;left:0;width:100%;}
.top-header i {
    margin: 0 10px 0 0;
   
}
.social-icons li {
    float: right;
    display: inline-block;border:none
}

.navbar-default{background:none}
.social-icons {
    display: table;
    margin: 0 auto;
    left: 0;
    right: 0;
    float: none;text-align: center;
}
.top-heading{padding: 20px 0;text-align:center;}
.bread-custom{display:none}
.top-heading h1 {
    margin: 0;
    font-size: 28px;
    font-weight: 400;
    width: 100%;
    text-align: center;
}
.cont-form .row{margin:0}
.top-header p {   
    font-size: 13px;  
    width: 100%;
    border:none;
    padding: 10px 0px;
    text-align: center;
}

.botm-header{padding:2px 0}
.welcome-text h2{font-size:22px;margin-bottom:10px;}
.box3 {width: 100%;float: left;margin: 0 0 20px 0;}
.sub-footer{text-align:center;}
.cont-form{padding:0;margin-bottom:20px}
.cont-form li input{    width: 100%;margin-bottom: 15px;}
.cont-form > li{margin:0}
.cont-form > li a{margin-top: 15px;}
.ser-thumb ul li {width: 100%;margin: 0 0 90px 0;}
.text-ser {width: 100%;text-align: left;margin-top: 15px;}
.cont-form li i{    width: 7%;}
.logo {
    font-size: 22px;
    color: #fff;
    padding: 2px 0 0 10px;
    float: left;
    text-align: center;
    width:auto;
}
.mid-slide1 {    
    padding: 20px 0 !important;
}
.comon-section{    padding: 28px 20px;}

.our-img {
  
    width: 100%;   
    margin: 2% 0;  
  
 
}

.welcome-text h1{font-size:28px;line-height:40px;}
.need-qut h1 {
    font-size: 22px;
    line-height: 36px;
}
.need-qut h2 {
    
    line-height: 36px;
}
.our-services h3{width:100%;margin:2% 0;}
.col-xs-12{padding-right:0;padding-left:0;}
.footer-text h3{border-bottom:1px solid #478bca}
}