@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular.woff2') format('woff2'),
         url('../fonts/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('../fonts/OpenSansSemiBold.eot');
    src: url('../fonts/OpenSansSemiBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansSemiBold.woff2') format('woff2'),
         url('../fonts/OpenSansSemiBold.woff') format('woff'),
         url('../fonts/OpenSansSemiBold.ttf') format('truetype'),
         url('../fonts/OpenSansSemiBold.svg#OpenSansSemiBold') format('svg');
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSansBold.eot');
    src: url('../fonts/OpenSansBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansBold.woff2') format('woff2'),
         url('../fonts/OpenSansBold.woff') format('woff'),
         url('../fonts/OpenSansBold.ttf') format('truetype'),
         url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}

@font-face {
    font-family: 'OpenSansExtraBold';
    src: url('../fonts/OpenSansExtraBold.eot');
    src: url('../fonts/OpenSansExtraBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansExtraBold.woff2') format('woff2'),
         url('../fonts/OpenSansExtraBold.woff') format('woff'),
         url('../fonts/OpenSansExtraBold.ttf') format('truetype'),
         url('../fonts/OpenSansExtraBold.svg#OpenSansExtraBold') format('svg');
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSansLight.eot');
    src: url('../fonts/OpenSansLight.eot') format('embedded-opentype'),
         url('../fonts/OpenSansLight.woff2') format('woff2'),
         url('../fonts/OpenSansLight.woff') format('woff'),
         url('../fonts/OpenSansLight.ttf') format('truetype'),
         url('../fonts/OpenSansLight.svg#OpenSansLight') format('svg');
}

@charset "utf-8";
/* CSS Document */
p { margin:5px 0; font-family: 'OpenSansRegular';}
h2 { color:#002528; font-size:30px; font-weight:bold; margin-bottom:20px; font-family: 'OpenSansSemiBold';}
h3 { text-transform:uppercase; font-size:24px; font-weight:bold; font-family: 'OpenSansSemiBold';}
h4 { color:#002528; text-transform:uppercase; font-size:18px; font-weight:bold; margin:15px 0;
    font-family: 'OpenSansSemiBold';}
    h6 { line-height: 24px; font-size: 18px; font-weight: 600; margin: 5px 0 15px 0; color: #0066a6; font-family: "Open Sans"; }
a:focus, a:hover { text-decoration:none;}
.btn-box { margin-top: 30px; }
.btn-box a { padding: 8px 25px; border-radius: 3px; border:1px solid #d9534f; color: #d9534f; font-size: 16px;
  -webkit-transition-duration: 0.7s; -webkit-box-shadow: 0px 0px 0 0 #d9534f inset, 0px 0px 0 0 #d9534f inset;}
.btn-box a:hover { -webkit-box-shadow: 150px 0px 0 0 #1C3F94 inset, -150px 0px 0 0 #1C3F94 inset; color: #fff;
    border-color: #1C3F94; }
.heading-text { text-align:center;}
.heading-sec { text-align: center; margin: 35px 0 45px 0; }
.heading-sec.bottom-head  { text-align: center; margin: 35px 0 65px 0; }
.heading-sec h2 { text-transform: uppercase; color: #1C3F94; margin: 0; }
.heading-sec h2:before {content: "\\\\"; letter-spacing: -5px; margin-right: 20px;
display: inline-block; vertical-align: top; margin-top: 2px; line-height: 1; font-weight: 700;
font-family: 'OpenSansBold'; color: #d9534f;}
.heading-sec h2:after { content: "\\\\"; letter-spacing: -5px; margin-left: 20px; 
display: inline-block; vertical-align: top; margin-top: 2px; line-height: 1; font-weight: 700;
font-family: 'OpenSansBold'; color: #d9534f;}
/*.heading-sec p { margin:22px 0 15px 0; font-size: 14px; color: #4e4e4e; font-family: 'OpenSansSemiBold'; }*/
.box-heading-sec { margin-bottom: 20px; }
.box-heading-sec h2 { text-transform: uppercase; margin: 0; color: #fff; border-bottom: 2px solid #445744; }
.box-heading-sec h2 span { position: relative; display: inline-block; padding: 10px 10px 10px 20px;
    background:#d9534f ;}
.box-heading-sec h2 span:after { content: ''; width: 0; height: 0; 
border-width: 53px 0 0 40px;border-style: solid; border-color: transparent; position: absolute; top: 0; right: -40px;
border-left-color: #d9534f;}


body { margin:0; padding:0;  font-size:14px; color:#727272; font-family: 'OpenSansRegular';}
.clearfix { clear:both;}
.container { max-width:1140px; content:'';}

.main-top-sec { padding: 8px 0; background:#1C3F94; position: relative; }
.main-top-sec .main-top-left ul {  list-style: none; padding: 0; margin: 0; margin-top: 10px;}
.main-top-sec .main-top-left ul li { display: inline-block; margin-right: 15px; color: #fff; }
.main-top-sec .main-top-left ul li .fa { color: #d9534f; margin-right: 5px; }
.main-top-sec .main-top-left ul li a { color: #fff; margin-left: 5px;}
.main-top-sec .main-top-left ul li a:hover { color: #d9534f; }
.main-top-sec .main-top-right ul {  list-style: none; padding: 0; margin: 0; text-align: right; margin-top: -10px; }
.main-top-sec .main-top-right ul li { display: inline-block; margin-left: 10px; color: #fff; }
.main-top-sec .main-top-right ul li a { color: #fff;}
.main-top-sec .main-top-right ul li a:hover { color: #d9534f; }

.top-sec { position:relative; top: 0; width: 100%; margin: ; }
header { position: relative; }
.logo { position: relative; }
.logo img { max-width:100%;}
.drawer-navbar .drawer-menu--right { text-transform:capitalize;}
.drawer-menu-item { font-size:16px; font-family: 'OpenSansSemiBold'; }
nav.drawer-nav { background:none;}
.drawer-navbar .drawer-menu li:last-child a{ padding-right: 0; }
.drawer-navbar { background:none; border:none; margin-top: 30px;}
.drawer-navbar .drawer-navbar-header { background:none; border:none;}
.drawer-navbar .drawer-menu-item { padding-left:18px; padding-right:18px; line-height:25px; color:#002628;}
a.drawer-menu-item:hover { color:#d9534f; text-decoration:none; transition-transform:3s;}
.drawer-navbar.black .drawer-menu-item { padding-left:18px; padding-right:18px; line-height:25px; color:#000;}
.drawer-navbar.black a.drawer-menu-item:hover { color:#d9534f; text-decoration:none; transition-transform:3s;} 
.search-sec {width: 180px; float:right; margin-top:33px; border:1px solid #0055ac; border-radius:6px; }
.search-lable { width: 80%; float: left;}
.search-sec input#srch-term { background: none; border:none; box-shadow: none; color:#fff; }
.search-sec input#srch-term:focus { box-shadow: none; }
.search-sec input#srch-term::-webkit-input-placeholder { color: #fff;}
.search-sec input#srch-term::-moz-placeholder { color: #fff; }
.search-sec input#srch-term:-ms-input-placeholder {color: #fff;}
.search-sec input#srch-term:-moz-placeholder { color: #fff; }
.search-btn { float: left; width: 20%; text-align: center; padding: 7px; color:#fff; }
/** slider css start **/
.slider-sec { position:relative; top:0; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.carousel-control { top:50%; width:50px; height:50px; border-radius:50px; background:#356ea9; opacity:100;}
.carousel-control.left, .carousel-control.right{ background:#6cb51e;}
a.left.carousel-control { left:30px;  font-size:35px;}
a.right.carousel-control { right:30px; font-size:35px;}
.slider-sec .carousel-indicators { top:40%; bottom: 0; width:0; right:0; left:30px; margin-left:0; text-align:right;}
.carousel-indicators li { background:#fff; width:5px; height:20px; border:none; margin:10px 0; border-radius:0; display:block;}
.carousel-indicators .active { background:#d9534f; width:5px; height:20px;; border:none; margin:10px 0;}
.carousel-inner>.item>img { width:100%;}
.slider-sec .slider-caption { position: absolute; padding: 15px 0; text-align: center; z-index: 9999; max-width: 750px;
margin: 0 auto; top: 32%; left: 0; right: 0; }
.slider-sec .slider-caption h1 { max-width: 700px; margin: 0 auto; color: #d9534f;
line-height: 37px; font-size: 30px; text-transform: capitalize; font-family: 'OpenSansBold'; }
.slider-sec .slider-caption p { font-size: 18px; color: #fff; font-weight: 300; margin: 15px 0; }

.slider-sec .slider-caption .read-btn-sec { margin-top: 30px; }
.slider-sec .slider-caption .read-btn-sec a { padding: 10px 25px; border: 1px solid #1C3F94;
    color: #fff; -webkit-transition-duration: 0.5s; background: #1C3F94;
    -webkit-box-shadow: 0px 0px 0 0 #d9534f inset, 0px 0px 0 0 #d9534f inset;}
.slider-sec .slider-caption .read-btn-sec a:hover { -webkit-box-shadow: 70px 0px 0 0 #d9534f inset, -70px 0px 0 0 #d9534f inset;
    color: #fff; border-color: #d9534f;}

/** our work **/
#our-work {margin-top:15px;}
.work-sec h4,.work-read-btn { text-align: center;}
.work-sec p{ padding-left:10px; padding-right:10px; padding-bottom:10px}
.work-sec {  position:relative; min-height:415px;}
.work-sec .work-top-icon { position:absolute; width:100%;}
.work-sec .work-top-icon img { position:absolute; right:0; left:0; top:-23px; height:50px; width:50px; border-radius:100px; box-shadow:0 0 5px #000; margin:0 auto; display:block; background:#fff; -webkit-transition: 2s ease-out;  -moz-transition:  2s ease-out; transition:  2s ease-out;}
.work-sec:hover .work-top-icon img { -webkit-transform: rotateZ(720deg); -moz-transform: rotateZ(720deg); transform: rotateZ(720deg); }
.work-sec .work-content-sec { padding:35px 20px 75px 20px; background:#f6f6f6; border-radius:4px;
-webkit-transition: 0.4s ease-out;  -moz-transition:  0.4s ease-out; transition:  0.4s ease-out; box-shadow: 0 3px 10px rgba(0,0,0,0.4);}
.work-sec:hover .work-content-sec { padding:5px 3px 10px 5px; transition:0.4s;}
.work-sec .work-content-sec h4 { text-transform:capitalize; color: #1C3F94;}
.work-sec .work-bottom-icon { position:relative; margin-top:-55px;}
.work-sec .work-bottom-icon img {  border-radius:100px; border:2px solid #1C3F94; max-width:100px;}
.work-bottom-icon .work-read-btn { margin-top:35px;}
.work-bottom-icon .work-read-btn a { padding:10px 25px; border:1px solid #1C3F94; color:#1C3F94; -webkit-transition-duration: 0.5s;
    -webkit-box-shadow: 0px 0px 0 0 #d9534f inset , 0px 0px 0 0 #d9534f inset; }
.work-bottom-icon .work-read-btn a:hover { -webkit-box-shadow: 70px 0px 0 0 #d9534f inset , -70px 0px 0 0 #d9534f inset; color:#fff; border-color:#d9534f;}

/** about sec **/
#about-sec { padding:45px 0 50px 0; background:url(../img/main-banner6.jpg);background-position: center;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
#about-sec a.more-btn { padding:12px 30px; color:#ffffff; border:1px solid #ffffff; font-size:16px; text-transform:uppercase; }
#about-sec a.more-btn:hover { color:#b80606; border:1px solid #b80606; text-decoration:none;}
#about-sec .read-more-btn { margin:40px 0 35px 0; color:#FFF;}
.about-content-sec p  { margin:15px 0; color:#FFF;}
.about-img-sec img { max-width:100%; display:block; margin:0 auto; }

.wp-block-media-text__content li {
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 30px;
	list-style: none;
}
.wp-block-media-text__content .icon-check {
    font-family: 'fontawesome';
    margin-right: 14px;
    font-size: 20px;
    color: #ffffff;
    float: left;
}
.wp-block-media-text__content .advantage-text p {
    display: table;
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
    padding: 0;
}
.about-content-sec h1 {
    color: #ffffff;
    text-align: left;
    padding: 0;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: 900;
}
/** Home blog css start **/
.home-blog { margin:50px 0 30px 0;}
.home-blog .blog-box-row { position: relative; margin-top: 25px; display: table; width: 100%; }
.home-blog .home-blog-box { position: relative; margin-bottom: 30px; box-shadow:0 3px 7px rgba(0,41,44,0.5);
  text-align: center; }
.home-blog-box .blog-overlay { position: absolute; display: block; width: 0; height: 100%;
  background: rgba(0,104,111,0.9); top: 0; right: 0; transition: 0.5s ease; cursor: pointer; }
.home-blog-box:hover .blog-overlay { display: block; width: 100%; height: 100%; }
.blog-overlay .blog-overlay-content { position: relative; top: 35%; display: none; }
.home-blog-box:hover .blog-overlay-content { display: block; }
.blog-overlay .blog-overlay-content img { margin-bottom: 10px; }
.blog-overlay .blog-overlay-content a { color: #fff; font-size: 16px; font-weight: 500; }
.home-blog-box .blog-box-content { padding: 10px; }
.home-blog-box .blog-box-content img { max-width: 100%; margin-bottom: 15px; }
.home-blog-more { text-align: center; }
/** Home blog css end **/

/** services-bottom css start **/
#services-bottom-sec { position:relative;}
#services-bottom-sec .row { margin:0;}
#services-bottom-sec .col-sm-4 { padding:0 1px;}
#services-bottom-sec .services-bottom-box { position:relative;}
.services-bottom-box figure { width: 100%; height: auto; margin: 0; padding: 0; background: #fff; overflow: hidden;}
.services-bottom-box figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; max-width:100%;}
.services-bottom-box:hover img { -webkit-transform: scale(1.3); transform: scale(1.3);}
.services-bottom-box .overlay-box { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; }
.services-bottom-box:hover .overlay-box { background:rgba(0,174,106,0.6);}
.services-bottom-box .service-box-content { position:absolute; padding:0 50px; top:30%; z-index:1; color:#fff;}
.services-bottom-box .service-box-content h4 { color:#fff; background:url(../img/yellow-border.png) no-repeat left bottom; padding-bottom:15px;}

/** our-testimonial sec **/
#our-testimonial { margin:44px 0 64px 0; text-align:center;}
#our-testimonial h2 { text-transform:uppercase; padding-bottom:15px; background:url(../img/bottom-border.png) repeat-x bottom center; display:inline-block;}
#our-testimonial i.fa.fa-quote-right, #our-testimonial i.fa.fa-quote-left { color:#727272;}
.testimonial-content h4 { margin:25px 0 5px 0; text-transform:capitalize;}
.testimonial-content p strong { color:#d9534f;}
.testimonial-content i.fa.fa-star { color:#ffb502;}
.direction-btn { margin-top:15px; font-size:20px;}
.direction-btn a.left.testimonial-btn, .direction-btn a.right.testimonial-btn { color:#000;}
.direction-btn a.left.testimonial-btn:hover, .direction-btn a.right.testimonial-btn:hover { color:#d9534f;}
.direction-btn i.fa.fa-arrow-left { margin-right:5px;}
.direction-btn i.fa.fa-arrow-right { margin-left:5px;}

/** our-work-detail sec **/
#our-work-detail {background:#1C3F94; text-align:center;}
.work-details { padding:20px 10px 20px 0; border-right:1px solid #fff;}
.work-details h2 { margin:10px 0; color:#fff;}
.work-details p { color:#fff; text-transform:uppercase;}

/** contact page sec **/
#contact-me { margin:50px 0;}
#contact-me .contact-top-head { margin-bottom: 30px; }
#contact-me h2 { text-transform:uppercase; }
.contact-form-sec { border:1px solid #c4c3c3; padding:35px 25px; }
.label-input { margin-bottom:20px;}
.contact-form-sec .label-input input { width:100%; min-height:35px; padding:7px; border:1px solid #c4c3c3; color:#727272;}
.contact-form-sec .label-input textarea { width:100%; min-height:100px; padding:7px; border:1px solid #c4c3c3; color:#727272;}
.contact-form-sec .label-submit-btn input[type="Submit"] { width: 50%; min-height: 40px; border-radius: 4px; 
    background: #1C3F94; color: #fff; border: none; 
    -webkit-transition-duration: 0.5s; -webkit-box-shadow: 0px 0px 0 0 #d9534f inset , 0px 0px 0 0 #d9534f inset;}
.contact-form-sec .label-submit-btn input[type="Submit"]:hover { -webkit-box-shadow: 150px 0px 0 0 #d9534f inset , -150px 0px 0 0 #d9534f inset;}
.contact-map-sec { border:1px solid #c4c3c3;}
.contact-top-head .address-sec p { margin:10px 0; font-size:18px;}
.contact-top-head .address-sec a { color:#727272;}
.contact-top-head .address-sec a:hover { color: #d9534f; } 
.contact-top-head .address-sec p i.fa.fa-home, .address-sec p i.fa.fa-phone, .address-sec p i.fa.fa-envelope { padding-right:10px; font-size:20px;}
.contact-map-sec { border:1px solid #c4c3c3;}


/** footer sec middle **/
.footer-middle-sec { padding:50px 0; background:url(../img/footer-bg.jpg) no-repeat center center; color:#fff;}
.footer-middle-sec h3 { color:#d9534f;  }
.address-sec img.footer-logo { margin-bottom:20px; max-width:100%;}
.address-sec p { margin:10px 0; font-size:18px;}
.address-sec a { color:#fff;}
.address-sec p i.fa.fa-home, .address-sec p i.fa.fa-phone, .address-sec p i.fa.fa-envelope { padding-right:10px; font-size:20px;}
.links-sec .box-heading-sec h2 { font-size: 20px; }
.links-sec .box-heading-sec h2 span:after { border-width: 42px 0 0 25px; right: -25px; }

.links-sec ul { list-style:none; padding:0; margin-top:25px;}
.links-sec ul li a { color:#fff; font-size:16px;}
.links-sec ul li a:hover { color:#d9534f;}
.links-sec ul li a i.fa { padding-right:10px;}
.links-sec.social ul li { display: inline-block; }
.subcribe-form form .input-email .form-control { height: 40px; background: #fff; border-color:transparent; border-radius: 4px; }
.subcribe-form form .input-email .form-control:focus { box-shadow: none; border-color: #243c4f; }
.subcribe-form form .input-group-btn .btn { width: 100%; min-height: 40px; border-radius: 4px; 
    background: #1C3F94; color: #fff; margin-top: 10px; 
    -webkit-transition-duration: 0.5s; -webkit-box-shadow: 0px 0px 0 0 #d9534f inset , 0px 0px 0 0 #d9534f inset;}
.subcribe-form form .input-group-btn .btn:hover { -webkit-box-shadow: 150px 0px 0 0 #d9534f inset , -150px 0px 0 0 #d9534f inset;}
/** footer bottom sec **/
footer { padding:7px 0; background:#1C3F94; color:#fff; text-align:center;}
.btn-top { position:relative;}
.btn-top a { color:#fff; font-weight:bold; padding:12px 8px; border:2px solid #fff; font-size:16px;}
.btn-top a#back-to-top { position:absolute; right:50px; bottom:-10px;}

/** Inner Pages css start **/
.page-banner { background-size:cover; padding: 100px 0;  }
.page-banner .page-title { text-align: center; color: #fff; }
/** About us page css start **/
.about-main { position: relative; margin: 50px 0; }
.about-main .about-top { position: relative; width: 100%; } 
.about-top .about-top-head { position: relative; margin-bottom: 40px; }
.about-middle { position: relative; padding: 50px 0; background: #1C3F94; width: 100%;}
.about-middle img { max-width: 100%; }
.about-middle .our-vision, .about-middle .our-mission { padding: 25px; background: #fff; border-radius: 8px; 
    min-height: 470px; outline: 1px solid #d9534f; outline-offset: -10px; }
.auther-section { margin: 50px 0 30px 0; position: relative;}
.auther-section .auther-member img {max-width: 100%; margin: 0 auto; margin-bottom: 15px; display: block; border-radius: 4px;}
.auther-section .auther-member .auther-content h3 { color: #1C3F94; margin: 0 0 10px 0;}
.auther-section .auther-member.right { padding-top:30px; border-top:1px dashed #e2e2e2; margin: 35px 0 10px 0;} 
/** About us page css end **/
/** Blog section start**/
.blog-main { margin:40px 0 30px 0; }
.blog-main .bog-box { box-shadow: 0 5px 15px rgba(0,44,71,0.9); margin-bottom: 40px;
  padding:15px 15px 25px 15px; border-radius:4px;}
.blog-main .bog-box img { max-width: 100%; }
.bog-box .blog-box-content h6 { font-size: 18px; }
.bog-box .blog-box-content h6 a { color: #1C3F94; }
.bog-box .blog-box-content h6 a:hover { color: #d9534f; }
.bog-box .blog-box-content { margin-top: 15px; }
.blog-single { margin:40px 0 30px 0;}
.bog-left-box .blog-title-img { margin-bottom: 15px; }
.bog-left-box .blog-title-img img { max-width: 100%; }
.bog-left-box .date-auther { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #e6e7e7;
    width: 100%; display: table; }
.bog-left-box .date-auther h6 { width: 50%; float: left; color: #545454; font-weight: 400; }

.blog-right .top-service { width: 100%; margin-bottom: 35px; box-shadow:0 0 5px rgba(0,0,0,0.5);
padding: 15px; }
.blog-right .top-service h3 { text-align: center; color:#fff; margin: 0 0 15px 0; padding: 10px 0;
    background: #1C3F94; }
.blog-right .top-service ul { list-style: none; margin: 0 auto; padding: 0;}
.blog-right .top-service ul li { display: block; margin-bottom: 10px; }
.blog-right .top-service ul li a { padding: 10px 15px; background:#e2e2e2; color: #545454; display: block; }
.blog-right .top-service ul li a:hover { color: #d9534f; border-color: #d9534f; }
.blog-right .popular-blogs { width: 100%; margin-bottom: 35px; box-shadow:0 0 5px rgba(0,0,0,0.5);
padding: 15px;}
.blog-right .popular-blogs h3 { text-align: center; color:#fff; margin: 0 0 30px 0; padding: 10px 0;
    background: #1C3F94; }
.blog-right .popular-blogs .recent-blog { width: 100%; padding-bottom: 8px; border-bottom: 1px dashed #545454; margin-bottom: 25px; }
.blog-right .popular-blogs .recent-blog img { width: 100px; height: auto; float: left; margin-right:7px;  } 
.blog-right .popular-blogs .recent-blog h4 { font-size: 14px; text-transform: capitalize; line-height: 18px; margin: 0 0 7px 0; }
.blog-right .popular-blogs .recent-blog h4 a { color: #1C3F94; }
.blog-right .popular-blogs .recent-blog h4 a:hover { color:#d9534f;  }
/** Blog section end**/


/** Responsive media css **/
@media (max-width:1199px){
.drawer-navbar .drawer-menu-item { padding:0 10px;}
.search-sec { width:160px;}
.services-bottom-box .service-box-content { top: 13%; }
.work-details { min-height: 190px; }
.page-banner { background-size:cover; padding: 80px 0;}
}

@media (max-width:991px){
.drawer-menu-item { font-size:14px;}
.drawer-navbar .drawer-menu-item { padding:0 6px;}
.search-sec { width:140px;}
.search-sec input#srch-term::-webkit-input-placeholder { font-size:12px;}
.search-sec input#srch-term::-moz-placeholder { font-size:12px; }
.search-sec input#srch-term:-ms-input-placeholder { font-size:12px;}
.search-sec input#srch-term:-moz-placeholder {  font-size:12px; }
.logo-sec { min-height:52px;}
.heading-sec.bottom-head  { text-align: center; margin: 15px 0 55px 0; }
.work-sec { margin-bottom: 35px; }
#about-sec { padding: 40px 0 25px 0; }
#our-testimonial { margin: 30px 0; }
.address-sec { text-align:center; border-bottom:1px solid #e4fff4; padding-bottom:25px;}
.links-sec { margin-top:25px;}
.slider-sec .slider-caption { max-width: 600px; top: 20%; }
.slider-sec .slider-caption h1 { font-size: 22px; }
.slider-sec .slider-caption p { font-size: 14px; }
.slider-sec .carousel-indicators { top:35%; }
.blog-main { margin: 30px 0 10px 0; }
.page-banner { background-size:cover; padding: 70px 0;  }
}

@media (max-width:767px){
h2 { font-size:27px;}
.page-banner { background-size:cover; padding: 60px 0;  }
.heading-sec.bottom-head { margin: 25px 0 30px 0; }
.drawer-navbar { margin-top: 0; }
.drawer--right .drawer-hamburger { position: absolute; top:30px; right:0;}
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger { top: -30px;  right:15px; }
.logo { margin:15px 0;}
.drawer-navbar .drawer-nav { padding:80px 0; height:100%;}
.drawer-navbar .drawer-menu { text-align:center;}
.drawer--right.drawer-open .drawer-nav { background:rgba(0,0,0,0.5); background-color:#7f99b3; width:100%; height:100%;}
.drawer-navbar .drawer-menu-item { font-size:14px; line-height:30px; margin-bottom:10px; border-bottom:1px solid #fff;}
.search-sec { float:none; display:table; content:''; margin:0 auto; margin-top:15px; margin-bottom:15px; width:50%;}
.slider-bottom { text-align:center;}
.slider-bottom-btn { margin:40px 0 20px 0; text-align:center;}
.work-sec { max-width:75%; margin:0 auto; margin-top:30px; margin-bottom:65px; min-height: auto; }
.about-img-sec { margin:30px 0;}
#our-projecst a.left.project-btn {left:0;}
#our-projecst a.right.project-btn { right:0;}
.contact-form-sec { margin-bottom:35px;}
.contact-map-sec { padding: 1px 26px;}
.testmonial { padding:0 10px;}
.logo-sec { text-align:center;}
#our-work-detail { padding-bottom:35px;}
.work-details {border-bottom:1px solid #fff; border-right:none;}
#services-bottom-sec .col-sm-4 { max-width: 75%; margin: 0 auto; margin-bottom: 15px; }
.slider-sec .slider-caption { max-width: 420px; top: 15%; }
.slider-sec .slider-caption h1 { font-size: 18px; }
.slider-sec .slider-caption p { font-size: 14px; margin: 5px 0 15px 0; }
.slider-sec .carousel-indicators { top:30%; }
.box-heading-sec h2 span:after { border-width: 49px 0 0 40px;}
.blog-right .top-service{ margin: 35px 0; }
.blog-right .popular-blogs .recent-blog h4 { font-size: 16px; }
.about-middle .col-sm-6 { width: 80%; margin: 0 auto; }
.about-middle .our-vision { margin-bottom: 20px; }
.about-main{ margin: 35px 0; }
.blog-box-row .col-sm-6 { width: 80%; margin: 0 auto; } 
.auther-section .auther-member .auther-content { text-align: center; }
.home-blog { margin:30px 0 10px 0;}
}

@media (max-width:520px){
h2 { font-size:22px;}
h3 { font-size:18px;}
.drawer--right .drawer-hamburger { right:10px;}
.search-sec { width:70%;}
.carousel-indicators { bottom:0;}
a.left.carousel-control, a.right.carousel-control { font-size:16px;}
.carousel-control { width:25px; height:25px; top:60%;}
a.left.carousel-control { left:10px;}
a.right.carousel-control { right:10px;}
.carousel-indicators li { background:url(../img/indicator.png) no-repeat center center; height:15px; width:15px; border:none; background-size:cover;}
.carousel-indicators .active { background:url(../img/indicator-active.png) no-repeat center center; width:15px; height:15px; border:none; background-size:cover;}
.links-sec { margin-top:20px;}
.links-sec ul { margin-top:15px;}
.box-heading-sec h2 span:after { border-width: 44px 0 0 40px; }
.footer-middle-sec .col-xs-6 { width: 100%; }
.address-sec { border-bottom: none; }
.slider-sec .slider-caption { max-width: 90%; top: 10%; }
.slider-sec .slider-caption h1 { font-size: 14px; line-height: 12px; }
.slider-sec .slider-caption p { font-size: 12px; margin: 5px 0 15px 0; }
.slider-sec .slider-caption .read-btn-sec a { padding: 8px 15px; }
.slider-sec .slider-caption .read-btn-sec { margin-top: 18px; } 
.main-top-sec {padding:10px 0;}
.main-top-sec .col-xs-7, .main-top-sec .col-xs-5 { width: 100%; }
.main-top-sec .main-top-right ul { text-align: center; padding-top: 15px; border-top: 1px solid #fff;
    margin-top: 15px; }
    .main-top-sec .main-top-left ul { text-align: center; }
.blog-box-row .col-sm-6 { width: 100%; margin: 0 auto; }
.about-middle .col-sm-6 { width: 100%; margin: 0 auto; }
}

@media (max-width:480px){
.services-bottom-box .service-box-content { top: 10%; padding: 0 15px; }
.services-bottom-box .service-box-content { font-size: 12px; }

}

@media (max-width:380px){
.logo { margin:10px 0 5px 0;}
.logo img { max-width:80%;}
.drawer--right .drawer-hamburger { top:5px;}
.drawer-hamburger { padding:10px 5px 12px 5px;}
.slider-bottom { padding:20px;}
.slider-bottom p { font-size:14px;}
.work-sec { max-width:100%;}
#about-sec { padding: 20px 0 30px 0;}
#our-clients { margin: 24px 0 34px 0;}
#our-testimonial { margin: 24px 0 40px 0; text-align: center; }
#contact-me { margin: 33px 0 40px 0; }
#contact-me h2 { margin-bottom:22px;}
.carousel-inner>.item>img { min-height: 185px; }
.slider-sec .slider-caption h1 { line-height: 17px; font-size: 16px; }
.services-bottom-box .service-box-content { top: 2%; padding: 0 15px; }
}