/*!
Theme Name: Saetel
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saetel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Saetel is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

body{ font-family: 'OpenSans-Regular'; font-size:14px; margin:0; min-height:750px; }


@font-face { font-family:'OpenSans-Bold'; src:url('fonts/OpenSans-Bold.ttf');}
@font-face { font-family:'OpenSans-Regular'; src:url('fonts/OpenSans-Regular.ttf');}
@font-face { font-family:'OpenSans-SemiBold'; src:url('fonts/OpenSans-SemiBold.ttf');}
@font-face { font-family:'Raleway-Bold'; src:url('fonts/Raleway-Bold.ttf');}
@font-face { font-family:'Raleway-Medium'; src:url('fonts/Raleway-Medium.ttf');}
@font-face { font-family:'Raleway-Regular'; src:url('fonts/Raleway-Regular.ttf');}
@font-face { font-family:'Raleway-SemiBold'; src:url('fonts/Raleway-SemiBold.ttf');}
@font-face { font-family:'Montserrat-Bold'; src:url('fonts/Montserrat-Bold.ttf');}
@font-face { font-family:'Montserrat-Medium'; src:url('fonts/Montserrat-Medium.ttf');}
@font-face { font-family:'Montserrat-Regular'; src:url('fonts/Montserrat-Regular.ttf');}
@font-face { font-family:'Montserrat-SemiBold'; src:url('fonts/Montserrat-SemiBold.ttf');}
@font-face { font-family:'ANDROGYNEMEDIUM'; src:url('fonts/ANDROGYNEMEDIUM.ttf');}

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


/*ReusableProperties*/
a{ text-decoration:none !important;  transition:0.5s; color:inherit;}
a:focus{ outline:none !important;}
p{ line-height:1.2;}
//span { display: block; }
.h1, .h2, .h3, h1, h2, h3{ font-weight:normal; margin:10px 0 5px;}
.h4, .h5, .h6, h4, h5, h6{ font-weight:700; margin:0;}
.border-none{ border:none !important;}
.padding-none,.navigation .navbar-brand,footer .copyright .container{ padding:0;}
.padding-left-none{ padding-left:0;}
.padding-right-none{ padding-right:0;}
.padding-10{ padding:0 10px;}
.clear{ clear:both;}
ul,header .navbar-collapse.collapse{ padding:0;}                    

/*MYSTYLE*/

#mobile-show,#small-devi-show{display: none;}
.navigation .navbar-inverse{margin: 0px; background-color: transparent; border:none; min-height: inherit; transition: 0.3s linear;}
.navigation .navbar-brand{height: inherit;}
.top_row{background-color: #1679bd; color: white; padding: 11px 0px; transition: 0.3s linear; }
.top_row ul{margin: 0; transition: 0.3s linear;}
.top_row ul li{font-size: 14px; font-family: "Montserrat-Regular"; vertical-align:middle;}
.top_row .pull-right ul li .btn{background-color: #50a02d; border: 1px solid #50a02d;  border-radius: 0px; font-size: 20px; font-family: "Montserrat-Bold"; color: white;}
.top_row .pull-right ul li .btn span{margin-right: 6px; font-size: 16px; font-family: "Montserrat-Regular";}
.top-social {height: 42px; display: flex; align-items: center; }
.top_row .pull-right ul li .fa,.top_row .pull-right ul li:not(:last-child),.top-social ul li .fa{margin-right: 7px;}
.navigation{padding: 20px 0px; transition: 0.3s linear;}
.navigation .navbar-inverse .navbar-nav>.active>a,.navigation .navbar-inverse .navbar-nav>.active>a:focus,.navigation .navbar-inverse .navbar-nav>.active>a:hover,.navigation .navbar-inverse .navbar-nav>li>a:hover{background-color: #50a02d; color: white; }
.navigation .navbar-inverse .navbar-nav>li>a{padding:10px 13px; font-family: "Montserrat-Regular"; color: #000;  transition: 0.3s;}
.navigation .navbar-right{height: 49px; display: flex;align-items: center;}
.banner .carousel-indicators li{width: 30px; height: 15px; border:none; background-color: white; margin: 0 9px;}
.banner .carousel-indicators .active{background-color:#7ee053;width: 30px; height: 15px; border:none;}
header{ transition: 0.3s linear; }
.sticky {position: sticky; top: 0; width: 100%; transition: .32s; }
.fixed {position: fixed; z-index: 9999; background-color: white; transition: .25s; }
.glyphicon-chevron-left:before{content:"\f104"; font-family: 'FontAwesome'; font-size: 40px;}
.glyphicon-chevron-right:before{content:"\f105";font-family: 'FontAwesome'; font-size: 40px;}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{background-color: rgba(0, 0, 0, 0.36); height: 45px; width: 45px;}
.carousel-control.left,.carousel-control.right{background-image: none;}
.carousel-control{width: 7%; opacity: 1;}
.welcome-sec{padding: 90px 0px; }
.welcome-content h2{font-family: 'Montserrat-Regular'; color: #333; font-size: 30px; margin-bottom: 25px;}
.welcome-content p{font-family: 'Montserrat-Regular'; color: #333; line-height: 1.6em; margin-bottom: 15px;}
.readmorebtn .btn{font-family: "Montserrat-Bold"; color: white; font-size: 14px; border-radius: 0px; background-color:#50a02d; border:1px solid #50a02d; padding: 11px 18px;}
.service{background-image: url(images/service-bg.jpg); padding:90px 0px; background-repeat: no-repeat; background-size: cover;}
.service ul li{width: 23.5%; margin: 0px 6px;}
.service ul,.service-head,.contact-form-sec-form form.wpcf7-form p{text-align: center;}
.service-box{text-align: left;}
.service-box-para p{font-family: 'Montserrat-Regular'; font-size: 14px; color: white; line-height: 1.6em; margin-bottom: 20px;}
.service-head h3{font-family: "Montserrat-Regular"; font-size: 30px; color: white; margin-bottom: 18px;}
.service-head,.bottom-logo{margin-bottom: 40px;}
.service-box-head h3{font-family: "Montserrat-Regular"; font-size: 20px; color: white; text-transform: uppercase; margin:25px 0px 15px;  }
.top-social a:hover,.top-social a:focus,.top_row .pull-right ul li a:hover,.top_row .pull-right ul li a:focus,footer a:hover, footer a:focus,footer ul li.active a,.bottom-social ul li a:hover .fa,.bottom-social ul li a:focus .fa{color: #50a02d;}
.top_row .pull-right ul li .btn:hover{background-color: transparent; color: white;}
.readmorebtn .btn:hover,.contact-form-sec-form form.wpcf7-form input.wpcf7-form-control.wpcf7-submit.btn-default:hover{background-color: transparent; color: #50a02d;}
.banner .carousel-caption{left: 8%; text-align: left; text-shadow: none; width: 728px; bottom: 30%; }
.banner .carousel-caption h1{font-family: "Montserrat-Bold"; font-size: 48px; text-transform: uppercase;}
.banner .carousel-caption h3{font-family: "Montserrat-Regular"; font-size: 24px; text-transform: uppercase; margin-bottom: 25px; }
.banner .carousel-caption p{font-family: "Montserrat-Regular"; line-height: 1.8em; font-size: 16px;}
.service-box-content a.more-info{font-size: 14px; font-family: "Montserrat-Bold"; color: white; }
.testimonial-sec{padding: 90px 0px; background-color: #f5f5f5; text-align: center;}
.testimonial-head h3{font-family: "Montserrat-Regular"; font-size: 30px; color: #333; margin-bottom: 18px;}
.testimonial-box {width: 519px; margin: 0 auto; }
.testimonial-content p,.Saetel-outer-box p{font-family: "Montserrat-Medium"; line-height: 1.7em; font-size: 14px; color: #333; letter-spacing: .4px;}
.testimonial-content p img.baseline{vertical-align: baseline; padding-right: 9px;}
.testimonial-content p img.text-top{vertical-align: text-top; padding-left: 9px; }
.testimonial-content h4{ font-size: 14px; color: #1679bd; font-family: "Montserrat-Bold";  }
.testimonial-sec .readmorebtn{margin-top: 40px;}
.contact-form-sec{padding: 90px 0px; background-image: url(images/contact-bg.jpg); background-size: inherit; background-repeat: no-repeat; background-attachment: fixed; }
.contact-form-sec-form{background-color: white;padding: 30px;}
.contact-form-sec-form-head h3{font-family: "Montserrat-Regular"; color: #333; font-size: 30px; text-align: center; margin: 0 0px 30px;}
.contact-form-sec-form .readmorebtn{margin-top: 30px; text-align: center;}
footer{background-image: url(images/footer-bg.jpg); background-size: cover;}
footer .container{padding: 90px 0px;}
.footer-title h3{font-size: 16px; font-family: "Montserrat-Regular"; color: #00b0fb; margin-bottom: 20px;}
.boottom-contact p{font-family: "Montserrat-Regular"; font-size: 14px; color: white; line-height: 1.6em; margin-bottom: 20px;}
.boottom-contact ul li,.quick-link ul li{list-style-type: none; font-family: "Montserrat-Regular"; font-size: 14px; color: white; line-height: 2em; margin-bottom: 4px;}
.boottom-contact ul li .fa{color: #50a02d; margin-right: 9px;}
.newsletter input{height: 46px; width: 100%; padding-left: 15px; margin-bottom: 18px;}
.bottom-social .social-head h4{font-size: 14px; font-family: "Montserrat-Regular"; color: #00b0fb; font-weight: normal; margin-bottom: 15px;}
.bottom-social ul li .fa{width: 28px; height: 28px; background-color: #50a02d; color: white; border-radius: 50px;}
.bottom-social ul li i.fa.fa-facebook{padding: 7px 9px;}
.bottom-social ul li i.fa.fa-instagram{padding: 7px 8px;}
.bottom-social ul li i.fa.fa-twitter{padding: 7px 8px;}
.bottom-social ul li i.fa.fa-linkedin{padding: 7px 8px;}
.copyright{padding: 24px 0px 15px; font-family: "Montserrat-Regular"; font-size: 14px; color: white; margin: 0; text-align: center;}
.bottom-social ul li i.fa.fa-facebook:hover{background-color:#3b5998; color: white; }
.bottom-social ul li i.fa.fa-instagram:hover{background-color:#e4405f; color: white;}
.bottom-social ul li i.fa.fa-twitter:hover{background-color:#00aced; color: white;}
.bottom-social ul li i.fa.fa-linkedin:hover{background-color:#0077B5; color: white;}
.service-box-content a.more-info:hover{color: #7ee053; margin-left: 9px;}
.contact-form-sec-form form.wpcf7-form,.contact_form form.wpcf7-form{border: none; padding: 0;}
.contact-form-sec-form form.wpcf7-form input{width: 100%; height: 45px; border: 1px solid #ccc; color: #333; margin-bottom: 21px; padding-left: 15px;}
.contact-form-sec-form form.wpcf7-form textarea,.contact_form form.wpcf7-form textarea{width: 100%; height: 119px;border: 1px solid #ccc; padding: 15px; border-radius: 0;}
.contact-form-sec-form form.wpcf7-form input.wpcf7-form-control.wpcf7-submit.btn-default,.contact_form form.wpcf7-form input.wpcf7-form-control.wpcf7-submit.btn-default{width: inherit; height: inherit;font-family: "Montserrat-Bold"; color: white; font-size: 14px; border-radius: 0px; background-color: #50a02d; border: 1px solid #50a02d; padding: 11px 18px;}
.tnp-subscription-minimal input.tnp-email{width: 100% !important; height: inherit;max-width: inherit;}
.tnp-subscription-minimal input.tnp-submit{width: inherit !important; height: inherit !important; font-family: "Montserrat-Bold"; color: white; font-size: 14px; border-radius: 0px; background-color: #50a02d; border: 1px solid #50a02d; padding: 11px 18px; background-color: #50a02d !important; }
.Saetel-outer-box,.about-tab-struct{padding: 60px 0px;}
.title_each_page h2,.inner-page-title h2,.title_each_page h3{font-family: "Montserrat-Regular"; font-size: 30px; color: #333; margin-bottom: 30px;}
.img-wrap img,.tab-pane .img1 img{margin: 0 auto; display: block; box-shadow:0px 0px 7px 1px #ccc; padding: 15px; max-width: 100%;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav-tabs>li>a:hover{background-color: #50a02d; color: white; border-radius: 0; border: none;}
.nav-tabs>li>a{border: none;font-family: "Montserrat-Regular"; font-size: 15px; color: #333; letter-spacing: .4px;}
.tab-content .tab-pane h3{font-size: 16px; font-family: "Montserrat-SemiBold"; margin-top: 30px; margin-bottom: 19px;}
.tab-content .tab-pane p{font-family: "Montserrat-Medium"; letter-spacing: .4px; line-height: 1.8em; color: #333; margin-bottom: 15px;}
.Saetel-outer-box div#wpcf7-f32-o1 form.wpcf7-form input,.contact_form form.wpcf7-form input{height: 40px; box-shadow: none; border: 1px solid #ccc;}
.Saetel-outer-box div#wpcf7-f32-o1 form.wpcf7-form input.wpcf7-form-control.wpcf7-submit.btn-default{width: inherit; height: inherit; padding: 9px 28px; background-color: #50a02d; color: white;border: 1px solid #50a02d;}
.Saetel-outer-box div#wpcf7-f32-o1 form.wpcf7-form input.wpcf7-form-control.wpcf7-submit.btn-default:hover,.contact_form form.wpcf7-form input.wpcf7-form-control.wpcf7-submit.btn-default:hover{background-color:transparent; color: #50a02d;}
.about-tab-struct .tab-content .container .col-md-7{padding-left: 0;}
.overlay-banner{background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; width: 100%; height: 100%; }
.service-box-para {min-height: 60px; max-height: 60px; overflow: hidden; }
.bottom-social,.top_row .pull-right ul li:first-child{display: none;}

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#50a02d;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
/*#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}*/


/*-----------------------------------------------------------------------*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #7ee053;  
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;

}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 15px;
  color: white;
  display: block;
  transition: 0.3s;
  font-family: "OpenSans-Regular";
  text-transform:uppercase;
}

.open-bar span{
 color: #7ee053;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/*---------------------------------------------------------------------*/
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  background-image: url(images/prev.png) !important;
  width: 17px;
  height: 32px;
  left: -39px;
    padding: 36px 16px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: none;
    box-shadow: none;
    background-color: transparent;
    box-shadow: 0px 0px 3px 1px #c1c1c1;
}
.owl-nav button.owl-next {
   background-image: url(images/next.png) !important;
  width: 17px;
  height: 32px;
  right:-39px;
    padding: 36px 16px;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border: none;
    box-shadow: none;
    background-color: transparent;
    box-shadow: 0px 0px 3px 1px #c1c1c1;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
  margin-top: 15px;
}
.owl-dots button.owl-dot {
  width: 25px;
  height: 15px;
  border-radius: 50px;
  display: inline-block;
  background: #ccc;
  margin: 0 8px;
  border:none;
}
.owl-dots button.owl-dot.active {
  background-color: #ffaf09;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}

.owl-nav button:focus {
    outline: none;
}
.owl-carousel .owl-item img{width: inherit; margin: 0 auto;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display: block;}
.owl-nav button span{display: none;}


/*--------- .carousel-fade CSS-----------------------*/
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0; transition:.8s linear; }

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control { z-index: 2; }

/*-----------------------------------------------------------------------------------*/



::-webkit-scrollbar {
  width: 20px;
  border: 2px solid #fff;

}

/* Track */
::-webkit-scrollbar-track {

 border: 2px solid #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {

 border: 2px solid #fff;
 background: #333;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {

 background: #333;
}

/*-----------------------------------------------------------------------------*/
a.back-to-top {width: 40px; height: 40px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background:#333 url(images/UpArrow.png) no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; animation: bounce 2s ease infinite;}



/*testimonials*/

.review_content {box-shadow: 0px 0px 4px 0px #ccc; margin-bottom: 30px; padding: 20px; }

.review_content h5 {font-size: 15px; color: #1a3b5e; font-weight: 700; }

.review_content p {line-height: 26px; }

form.wpcf7-form {
    border: 1px solid #50a02d;
    padding: 25px;
}
form.wpcf7-form label  {
    display: inline-block;
    width: 100%;
    / font-family: "Roboto-Regular"; /
    color: #333;
    font-weight: normal;
}
form.wpcf7-form input {
    height: 34px;
    margin-top: 10px;
    width: 100%;
    padding-left: 15px;
    border-radius: 0;
    border-color: #ccc;
}
.contact-form-title h3 {
    text-transform: uppercase;
    color: #50a02d;
    text-align: center;
    margin-top: 0px;
    font-size: 22px;
    margin-bottom: 30px;
    font-family: "Montserrat-Regular";
   }
input.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    font-size: 16px;
    color: #333;
    border: 1px solid #0e1c77;
    border-radius: 0;
    margin-top: 0;
    display: inline-block;
    width: 100px;
}

textarea.form-control {
    height: 100px;
    margin-top: 10px;
}


/*---------------------------------------MEDIA QUERIES-----------------------------------------------*/

@media (max-width:1500px){

}
@media (max-width:1366px){
}
@media(max-width: 1260px){

}

@media (min-width:1200px){

}

@media(max-width:1199px){
  .navbar-header{width: 21%;}
  .navigation .navbar-inverse .navbar-nav>li>a{font-size: 13px; padding: 10px;}
  .navigation .navbar-right{height: 35px;}
  .top_row .pull-right ul li .btn,.service-box-head h3{font-size: 17px;}
  .testimonial-box{width: 400px;}

}

@media(max-width: 1024px){  
.banner .carousel-caption{left: 4%;}
.banner .carousel-caption h1{font-size: 40px;}
.banner .carousel-caption h3{font-size: 18px; margin-bottom: 15px;}
.banner .carousel-caption p{font-size: 14px;}
}


@media (min-width: 992px) and (max-width: 1200px){

}

@media (min-width: 992px) {
  .navbar-collapse.collapse { display:block !important; }

}
@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse{display: none!important;}
  .navbar-collapse.in{ overflow-y:auto !important;} 
  .collapse.in{ display:block !important; }
    /* .navbar-collapse.collapse {
        display:none !important ;
        } */
        .navbar-nav {
          float: none!important;
          margin: 7.5px 0;
        }
        .navbar-nav>li {
          float: none;
        }
        .navbar-nav>li>a {
          padding-top: 10px;
          padding-bottom: 10px;
        }
        .navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > .active > a:hover
        {
          border-bottom: none;
        }
        .navbar-inverse .navbar-toggle .icon-bar{background: #333;}
        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:white;}

        /*Mystyle*/
        #mobile-show{display: block; float: left; width: 100%; background-color: white; padding: 12px 0px;}
        #desk-show,#small-devi-show, .bottom-content .bottom-links ul li .fa{display: none;}
        .top-logo img{display: inline-block;}
        .top-call{height: 49px; display: flex; align-items: center; justify-content: center;}
        .top-call ul li{font-size: 28px; color: #7ee053;}
        .top-call ul li{font-size: 23px; margin: 0 8px;}
        .open-bar{height: 49px; display: flex; align-items: center; justify-content: flex-end;}
        .welcome-sec,.service,.testimonial-sec{padding: 40px 0px; text-align: center;}
        .welcome-content,.video-wrapper,.bottom-content,.quick-link,.testimonial-box,.newsletter,.boottom-contact{margin-bottom: 40px;}
        .welcome-side-img img,.video-wrapper img,.boottom-logo img{margin: 0 auto;}
       .service ul li{width: 48%; margin-bottom: 40px;}
        .service-box{text-align: center;}
        footer .container{padding: 40px 15px 0px; text-align: center;}
        .quick-link ul li{display: inline-block; margin: 0 11px;}
        .service-box-img img,.testimonial-sec .readmorebtn,.bottom-logo img{margin: 0 auto;}
        .boottom-contact p{margin-bottom: 9px;} 
        .Saetel-outer-box,.Saetel-outer-box, .about-tab-struct{text-align: center; padding: 40px 0px;} 
        .service-box-para{min-height: 40px; max-height: 40px;} 

      }
      @media(max-width: 885px){
        
      }
      @media(min-width: 767px){
            

      }
      @media (max-width:767px){
       
       .top-call,.open-bar{height: 45px;}
       .banner .carousel-caption{position: relative;left: 0; right: 0; text-align: center; padding: 30px 15px; background-color: #7ee053; width: inherit;}
       .welcome-sec,.service,.gallery-sec, .testimonial-sec{ margin: 0px; padding: 30px 0px; }
       .banner .carousel-indicators{bottom: 46%;}
       .service-box-para {min-height: inherit; max-height: inherit; }
       
      }


      @media (max-width: 767px) and (min-width: 481px){

      }

      @media (max-width:680px){
          .top-call, .open-bar {height: 38px; }
      } 

      @media(max-width: 640px){
     
      }

        @media(max-width: 576px){
        .top-call, .open-bar {height: 31px; }
        .banner .carousel-caption h1{font-size: 28px;}
        .welcome-content h2,.service-head h3,.testimonial-head h3,.contact-form-sec-form-head h3,.title_each_page h2, .inner-page-title h2, .title_each_page h3{font-size: 26px;}
        .banner .carousel-caption h3{font-size: 15px;}
          .banner .carousel-indicators {bottom: 52%; }
          .service-head{margin-bottom: 30px;}
          .service ul li{width:98%; padding: 0 15px; margin: 0 0 40px;}
          .service ul li:last-child{margin-bottom: 0;}
          .contact-form-sec,.Saetel-outer-box, .Saetel-outer-box, .about-tab-struct{padding: 30px 0px;}
          .testimonial-box{width: inherit;}
          .testimonial-content p img.baseline,.testimonial-content p img.text-top{width: 6%;}
        }

      @media (max-width:480px){
      .banner .carousel-caption{padding: 20px 15px;}
      .top-call, .open-bar{height: 25px;}
      .bottom-social{margin-bottom: 15px;}
      .bottom-logo img{width: 45%;}
      .Saetel-outer-box{padding: 30px 0px;}
      .title_each_page h2{font-size: 25px; margin-bottom: 15px;}

      } 

      @media screen and (max-height: 450px) {

        .sidenav {padding-top: 15px;}
        .sidenav a {font-size: 18px;}
      }
      @media(max-width:420px){
        .top-call, .open-bar {height: 20px; }
        .top-call ul li {font-size: 20px; margin: 0 3px; }
        .open-bar span{font-size: 25px !important;}
        .banner .carousel-caption h1,.welcome-content h2, .service-head h3, .testimonial-head h3,.contact-form-sec-form-head h3{font-size: 23px;}
        .banner .carousel-indicators {bottom: 61%; }
        .service-box-head h3{font-size: 16px;}

      }

      @media (max-width:360px){
        .banner .carousel-indicators {bottom: 67%; }
        
      } 

      @media(max-width: 320px){
        
      }




      /*--------------------------- For Mozila Browser------------------------------------------*/

      @-moz-document url-prefix()
      {
      }


      /*--------------------------- For IE Browser------------------------------------------*/

      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
      {

      }