
@media only screen and (max-width: 1140px){
    
    .header-style-four .header-upper{
        margin:0px 0px;
    }
    
    .header-style-five .main-menu .navigation > li > a{
        padding:30px 0px 15px;
    }
    
    .main-header.default-inner-header .logo-outer{
        padding:13px 0px 12px;
    }
    
    .services-block-eleven .inner-box:after,
    .services-block-two:after,
    .main-menu .navigation > li > a:after,
    .main-menu .navigation > li:after,
    .main-header .outer-box .btn-box,
    .comming-soon .comming-soon-title,
    .main-slider .content-image.image-2,
    .main-menu .navigation > li > a:before,
    .main-menu .navigation > li > a:after{
        display:none;
    }

    
    .header-style-six{
        background-color:#ffffff !important;
    }
    
    .main-menu .navigation > li > a{
        padding:20px 0px;
    }
    
    .default-inner-header.fixed-header .main-menu .navigation > li > a{
        padding:20px 0px;
    }
    
    .main-header .outer-box{
        margin-top:22px;
    }
    
    .main-header.header-style-three .outer-box{
        margin-top:30px;
    }
    
    .header-style-three.fixed-header .outer-box{
        margin-top:22px;
    }
    
    .main-menu{
        padding-top:0px;
    }
    
    .packages-section .price-column .price-block,
    .main-header.default-inner-header .header-upper,
    .header-style-two .header-upper{
        padding:0px 15px;
    }
    
    .main-header.header-style-five .outer-box{
        margin-top:32px;
    }
    
    .header-style-five.fixed-header .outer-box{
        margin-top:22px;
    }
    
    .main-header .sticky-header .outer-box{
        margin-top:23px;
    }
    
    .sticky-header .sticky-inner-container{
        padding:0px 15px;
    }
    
    .main-slider .image-1,
    .services-block-six:after,
    .main-header.header-style-one .outer-box .number{
        display:none;
    }
    
    .main-header.default-inner-header .search-box-outer .dropdown-menu{
        margin-top:22px;
    }
    
    .main-header.header-style-one .search-box-btn{
        padding-right:0px;
        border-right:none;
    }
    
    .call-back-section-two .outer-container .left-column .content,
    .header-style-one .header-upper{
        padding-right:15px;
        padding-left:15px;
    }

    .main-menu .navigation > li > a{
        font-size:15px;
    }
    
    .header-style-three .header-upper{
        background-color:#ffffff;
    }
    
    .header-style-three .header-upper .header-upper-inner{
        padding:0px;
        border-radius:0px;
    }
}

@media only screen and (min-width: 768px){
    .main-menu .navigation > li > ul,
    .main-menu .navigation > li > ul > li > ul,
    .main-menu .navigation > li.has-mega-menu .mega-menu{
        display:block !important;
        visibility:hidden;
        opacity:0;
    }
}

@media only screen and (max-width: 1023px){
    
    .main-header .nav-outer{
        padding-right:0px;  
    }
    
    .main-header .header-upper .upper-right{
        position:relative;
        width:100%;
        padding-top:0px;
    }

    .main-menu .navigation > li a{
        background:none;
    }

    .main-header{
        position:relative;
        background-color:#151e22;
    }
    
    .sticky-header,
    .choose-tabs .tabs-content .tab .content .image-column{
        display:none;
    }

    .main-menu .navigation > li{
        margin-left:0px;
        margin-right:20px;
    }
    
    .main-header .outer-box{
        display:block;
        float:right;
        margin-top:6px;
    }
    
    .main-menu .navigation > li > a,
    .default-inner-header.fixed-header .main-menu .navigation > li > a{
        padding:5px 0px 20px;
    }
        
    .default-inner-header .outer-box{
        margin-top:6px;
    }

    .header-style-one .header-upper .upper-right{
        padding-left:15px;
    }
    
    .header-style-six.fixed-header .header-upper,
    .header-style-five.fixed-header .header-upper,
    .header-style-three.fixed-header .header-upper,
    .header-style-four.fixed-header .header-upper{
        position:relative;
    }
    
    .header-style-six .main-menu .navigation > li > a,
    .header-style-six.fixed-header .main-menu .navigation > li > a,
    .header-style-two .main-menu .navigation > li > a,
    .header-style-two.fixed-header .main-menu .navigation > li > a,
    .header-style-five .main-menu .navigation > li > a,
    .header-style-five.fixed-header .main-menu .navigation > li > a,
    .header-style-three .main-menu .navigation > li > a,
    .header-style-three.fixed-header .main-menu .navigation > li > a,
    .header-style-four .main-menu .navigation > li > a,
    .header-style-four.fixed-header .main-menu .navigation > li > a{
        padding:0px 0px 20px;
    }
    
    .main-header.header-style-six .outer-box,
    .main-header.header-style-two .outer-box,
    .main-header.header-style-five .outer-box,
    .main-header.header-style-three .outer-box,
    .main-header.header-style-four .outer-box{
        margin-top:2px;
    }
    
    .header-style-six .logo-outer,
    .header-style-six.fixed-header .header-upper .logo-outer,
    .header-style-two .logo-outer,
    .header-style-two.fixed-header .header-upper .logo-outer,
    .header-style-five .logo-outer,
    .header-style-five.fixed-header .header-upper .logo-outer,
    .header-style-three .logo-outer,
    .header-style-three.fixed-header .header-upper .logo-outer,
    .header-style-four .logo-outer,
    .header-style-four.fixed-header .header-upper .logo-outer{
        padding:16px 15px 16px;
    }
    
    .header-style-two,
    .header-top-two.style-two{
        position:relative;
        background-color:#ffffff;
    }
    
    .main-header.header-style-six .search-box-outer .dropdown-menu{
        margin-top:22px;
    }
    
    .main-header .header-top.style-two{
        border-bottom:1px solid rgba(255,255,255,0.20);
    }
    
    .main-header .header-lower{
        background-color:#1d59bc;
    }
    
    .header-style-one .header-upper .upper-right{
        padding-left:0px;   
    }
    
 
}

@media only screen and (max-width: 767px){
    
    .main-header .nav-outer{
        padding-right:0px;
        border-right:0px;
        border-left:0px;
    }
    
    .main-header .btn-outer{
        border: 0 none;
        right: auto;
        text-align: left;
        top: 0;
        width: auto;
        z-index: 14;
    }
    
    .main-header .header-lower .search-box-outer .dropdown-menu{
        right:auto;
        left:0px;   
    }
    
    .main-header .btn-outer .quote-btn{
        margin-top:8px; 
    }
    
    .header-main-box .nav-outer .search-box-btn{
        top:15px;
        right:60px;
        margin-top:0px;
        z-index:20;
    }
    
    .fact-counter.style-three .column .inner,
    .services-block-two .inner-box,
    .main-header .header-top .top-right ul,
    .main-header .header-top .top-left ul {
        text-align: center;
    }
    
    .main-header .header-top .top-right ul li,
    .main-header .header-top .top-left ul li {
        display: inline-block;
        float: none;
    }
    
    .main-header .header-top .social-icon-four li{
        margin-right:-3px;
    }

    .header-upper .logo-outer{
        display: block;
        width: 100%;
    }
    
    .main-header .header-upper .upper-column{
        margin-left:0px;
        width:100%; 
    }
    
    .main-header .header-upper .upper-column{
        padding-right:0px;  
    }
    
    .main-header .header-upper .upper-column.info-box {
        display: block;
        width:100%;
        text-align:center;
        padding:0px;
        max-width:none;
        margin-bottom:20px;
    }
    
    .main-header .header-upper .upper-column.info-box:last-child{
        margin-bottom:0px;
    }
    
    .main-header .info-box .icon-box{
        position:relative;
        display:block;
        top:0px;
        text-align:center;
        margin:0 auto 12px; 
    }
    
    .main-header .main-menu{
        padding-top:0px;
        width:100%;
        margin:0px;
    }
    
    .main-menu .collapse {
        overflow:auto;
        float:none;
        width:100%;
        padding:10px 0px 0px;
        border:none;
        margin:0px;
        -ms-border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        -o-border-radius:3px;
        border-radius:3px;
   }
   
    .main-menu .collapse.in,
    .main-menu .collapsing{
        max-height:300px;
        padding:0px 0px 0px;
        border:none;
        margin:0px 0px 0px;
        -ms-border-radius:0px;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        -o-border-radius:0px;
        border-radius:0px;  
    }
    
    .main-menu .navbar-header{
        position:relative;
        float:none;
        display:block;
        text-align:right;
        width:100%;
        padding:13px 13px 13px;
        right:0px;
        z-index:12;
    }
    
    .main-menu .navbar-header .navbar-toggle{
        display:inline-block;
        z-index:7;
        border:1px solid #494999;
        float:none;
        margin:0px 0px 0px 0px;
        border-radius:2px;
        background:#494999;
    }
    
    .main-menu .navbar-header .navbar-toggle .icon-bar{
        background:#ffffff; 
    }
    
    .main-menu .navbar-collapse > .navigation{
        float:none !important;
        margin:0px !important;
        width:100% !important;
        border:1px solid #ffffff;
        border-top:none;
    }
    
    .main-menu .navbar-collapse > .navigation > li{
        margin:0px !important;
        float:none !important;
        width:100%;
    }
    
    .main-menu .navigation > li > a,
    .main-menu .navigation > li > ul:before{
        border:none;    
    }
    
    .main-menu .navbar-collapse > .navigation > li > a{
        padding:10px 10px !important;
        border:none !important;
    }
    
    .main-menu .navigation li.dropdown > a:after,
    .main-menu .navigation > li.dropdown > a:before,
    .main-menu .navigation > li > ul > li > a::before,
    .main-menu .navigation > li > ul > li > ul > li > a::before{
        color:#ffffff !important;
        right:15px;
        font-size:16px;
        display:none !important;
    }
    
    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul,
    .main-menu .navigation > li.has-mega-menu .mega-menu{
        position:relative;
        border:none;
        float:none;
        visibility:visible;
        opacity:1;
        display:none;
        margin:0px;
        padding:0px;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        width:100%;
        background:#08ae8d;
        -webkit-border-radius:0px;
        -ms-border-radius:0px;
        -o-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        transition:none !important;
        -webkit-transition:none !important;
        -ms-transition:none !important;
        -o-transition:none !important;
        -moz-transition:none !important;
        box-shadow:none !important;
    }
    
    .main-menu .navigation > li.has-mega-menu .mega-menu ul{
        margin:0px;
        width:100%;
        background:#08ae8d; 
    }
    
    .main-menu .navigation > li.has-mega-menu .mega-menu .row,
    .main-menu .navigation > li.has-mega-menu .mega-menu .row .column{
        margin:0px;
        padding:0px;
        width:100%;
        border:none;
    }
        
    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
        border-top:1px solid rgba(255,255,255,1) !important;    
    }
    
    .main-menu .navbar-collapse > .navigation > li,
    .main-menu .navbar-collapse > .navigation > li > ul > li,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li,
    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li{
        border-top:1px solid rgba(255,255,255,1) !important;
        border-bottom:none;
        opacity:1 !important;
        top:0px !important;
        left:0px !important;
        visibility:visible !important;
    }
    
    .main-menu .navbar-collapse > .navigation > li > ul > li:first-child{
        border-top:none !important; 
    }
    
    .main-menu .navbar-collapse > .navigation > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a,
    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li > a{
        padding:10px 10px !important;
        line-height:22px;
        color:#ffffff;
        background:#ec4a4a;
        text-align:left;
        min-height:0px;
    }
    
    .main-menu .navbar-collapse > .navigation > li > a:hover,
    .main-menu .navbar-collapse > .navigation > li > a:active,
    .main-menu .navbar-collapse > .navigation > li > a:focus,
    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li > a:hover{
        background:#08ae8d;
    }
    
    .main-menu .navbar-collapse > .navigation > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li.current > a,
    .main-menu .navbar-collapse > .navigation > li.current-menu-item > a,
    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li:hover > a,
    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li.current > a,
    .main-menu .navigation > li.has-mega-menu .mega-menu ul > li.current-menu-item > a{
        background:#2b2b2b;
        color:#ffffff !important;
    }
    
    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
        display:block !important;
    }
    
    .main-menu .navbar-collapse > .navigation li.dropdown:after,
    .main-menu .navigation > li > ul:before,
    .main-header .info-box:after,
    .header-top-two .top-right,
    .year-block .inner-box .year:before,
    .main-header .header-top .top-right{
        display:none !important;    
    }
    
    .main-header .header-top .top-left,
    .header-top-two .top-left{
        width:100%;
        text-align:center;
    }
    
    .header-top-two .top-left .links li{
        display:inline-block;
        margin-right:0px;
        border-right:none;
        float:none;
    }
    
    .main-slider{
        margin-top:0px !important;  
    }
    
    .main-header .top-right .links-nav li{
        margin-left:5px;
    }
    
    .main-header .search-box-outer .dropdown-menu{
        top:0px;
        left:0px;
        right:0px;
        width:280px;
    }
    
    .main-header .outer-box{
        position:absolute;
        display:block;
        right:auto;
        z-index:12;
        left:0px;
        margin-left:0px;
        margin-top:16px;
    }
    
    .main-header .search-form .form-group input[type="text"],
    .main-header .search-form .form-group input[type="tel"],
    .main-header .search-form .form-group input[type="email"],
    .main-header .search-form .form-group textarea{
        height:60px;
    }
    
    .main-header .search-form .form-group input[type="submit"],
    .main-header .search-form button{
        line-height:60px;   
    }
    
    .main-header .btn-box .donate-btn{
        padding:12px 35px 12px 38px;
    }
    
    .main-header .btn-box{
        display:block;
        margin-top:7px;
    }
    
    .main-header .header-upper{
        padding-bottom:0px;
    }
    
    .main-header .header-lower .search-box-outer{
        padding-top:20px;
        padding-bottom:20px;
    }
    
    .main-header .outer-box .consult-btn{
        margin:9px 0px;
    }
    
    .main-header .info-box:last-child{
        top:0px;
    }
    
    .main-header .search-box-btn{
        margin-top:5px;
        border:none;
        padding-left:0px;
    }
    
    .main-header .outer-box .number{
        margin-left:0px;
    }
    
    .default-inner-header.fixed-header .outer-box {
        margin-top: 16px;
    }
    
    
    .main-header.default-inner-header .search-box-outer .dropdown-menu,
    .main-header.header-style-six .search-box-outer .dropdown-menu,
    .main-header.header-style-five .search-box-outer .dropdown-menu,
    .main-header.header-style-one .search-box-outer .dropdown-menu,
    .main-header.header-style-four .search-box-outer .dropdown-menu{
        margin-top:44px;
    }
    
    .main-header.header-style-six .outer-box,
    .main-header.header-style-two .outer-box,
    .main-header.header-style-five .outer-box,
    .main-header.header-style-three .outer-box,
    .main-header.header-style-four .outer-box{
        margin-top:16px;
    }
    
    .main-header.header-style-six .search-box-btn,
    .main-header.header-style-three .search-box-btn{
        padding-left:0px;
        padding-right:20px;
        border-left:none;
        border-right:1px solid rgba(0,0,0,0.50);
    }
    
    .main-header.header-style-five .search-box-btn,
    .main-header.header-style-four .search-box-btn{
        padding-left:0px;
        padding-right:20px;
        border-left:none;
        border-right:1px solid rgba(255,255,255,0.50);
    }
    
    .main-header.header-style-two .search-box-outer .dropdown-menu{
        margin-top:46px;
    }
    
    .social-icon-three li{
        margin-left:0px;
        margin-right:20px;
    }
    
    .main-header.header-style-one .outer-box{
        margin-top:15px;
    }
    
}

@media only screen and (max-width: 599px){
    
    .main-header .social-links-one{
        top:0px;
    }

    .main-header .header-top .top-left,
    .main-header .header-top .top-right{
        float:none !important;
        text-align:center;
    }
    
    .main-header .search-form .form-group input[type="text"],
    .main-header .search-form .form-group input[type="tel"],
    .main-header .search-form .form-group input[type="email"],
    .main-header .search-form .form-group textarea{
        width:230px;
    }
    
  
}

@media only screen and (max-width: 479px) {
    
    .main-header .header-upper .upper-column.info-box{
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
  
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
     .latest h2 {
    font-size: 35px;}

.latest h2::after{
    top: -6px;
left: 50%;
font-size: 56px;
}

.latest {
    padding: 7px 0 24px;
}

.employees, .customer, .design, .order {
    margin-top: 0px;
    margin-bottom: 12px;
}

.site-heading h2{
    font-size: 39px;
}

.site-heading {
    text-align: center;
    width: 100%;
    margin: 0 auto 0px;
}

.si {
    margin-top: -13px;
}

.si1 {
    margin-top: -15px;
}

.about-area {
    padding: 13px 0 19px 0;
}

.about-text1 h2::after{
    font-size: 63px;
}

.about-area h2 {
    font-size: 25px;
}

.about-right img{
    margin-top: 26px;
    width: 100%;
}



.hidden-xs {
    display: block !important;
}

.main-header .logo-outer .logo img {
    margin-left: -11px;
margin-top: 3px;
width: 251px;
}

.main-menu .navigation {

    padding-top: 8px;
}

.pt-100 {
    padding-top: 0px;
}

.pb-70 {
    padding-bottom: 25px;
}

.ptb-100 {
    padding-top: 43px;
    padding-bottom: 58px;
}

.counter{
    padding: 24px 0 47px;
}


.footer {
    padding-top: 25px;
}


.footer-title {
    padding-bottom: 0px;
    padding-top: 15px;}


.tiny-footer p {
    color: #dfdbff;
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
}

.blog-section .section-title h2::before, .blog-section .section-title h2::after {
    top: 57%;
    left: -50px;
    transform: translateY(-50%);
    width: 43px;
    background: #494999;
}

.blog-section .section-title h2::before {
    left: auto;
    right: -51px;
}

.serimg img {
    margin: 3px auto 0;
    display: block;
    height: 294px;
}

.serimg{
    margin-bottom: 17px;
}

#fade-carousel p {
    padding: 35px 6px 20px;
    font-size: 18px;
    color: #666;
}

#fade-carousel .carousel-control {
    font-size: 46px;
    color: #fff;
    width: 37px;
    height: 38px;
    line-height: 34px;
    background: #494999;
    border-radius: 50%;
    top: 6%;
    margin: 0 -5px;
    opacity: 1;
}


.profile-circle img {
    width: 32%;
    border-radius: 50%;
}


.job-content {
    background: #fff;
    margin-top: 14px;
    margin-right: 0px;
    margin-left: 0px;
}

.news_detail2 {
    padding: 22px 0 42px;
}

.customNavigation .prev {
    left: 7% !important;
    position: absolute;
}

#callme a i {
    padding-left: 8px;
    font-size: 41px;
    padding-top: 5px;
}

.abt-banner, .abt-banner2 , .abt-banner3, .abt-banner4, .abt-banner5, .abt-banner6, .abt-banner7,
.abt-banner8, .abt-banner9, .abt-banner10, .abt-banner11, .abt-banner12, .abt-banner13, .abt-banner14, .abt-banner15,
.abt-banner16, .abt-banner17, .abt-banner18, .abt-banners {
    padding: 8px 0 11px;
}

.visionpg {
    padding: 10px 0;
}

.visih h3 {
    font-size: 28px;
}

.servicepage {
    padding: 12px 0 30px;
}

.creepage {
    padding: 6px 0 10px;
}
.section-pad {
    padding: 25px 0px;
    background-color: #ffff;
}

.message{
        padding-top: 32px;
}

.header-style-two .header-upper{
    padding: 12px 0px;
}

    
}







