@media only screen and (max-width: 1400px) {

}


@media only screen and (max-width: 1024px) {

    .subnav{ display:none; }
    nav ul li.space{ display:none; }
    .overlay-main{
        top:0px;
    }

    .navbar-toggle {
        display:block;
        position:fixed;
        right:7px;
        top:10px;
        z-index:9999;
    }

    .navbar .navbar-toggle:hover {
        background-color: transparent;
        border: 1px solid #85c900;
    }

    /* Display normal logo at mobile view */
    .navbar .navbar-brand .img-sticky {
        display: block;
    }
    .navbar .navbar-brand .img-default {
        display: none;
    }

    /*menu block*/
    .navbar-default{ position:fixed; border-bottom:1px groove rgba(255,255,255,0); top:0px; background-color: #fff;}
    .navbar-brand { left:30px; top:5px;}
    .sticky-nav .navbar-brand{position:absolute; top:5px;}
    .sticky-nav{ position:fixed; height:70px; top:0px; left:0px;}
    .navbar-brand img{ width:90%;}
    #main-menu {
        position:absolute;
        left:0px;
        width: 100%;
        height:100%;
        background:#fff;
        z-index: 1;
        text-align:center;
        overflow:auto;
        overflow-x: hidden;
    }

    .menu-init {
        opacity: 1;
        top:-100%;
        -webkit-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
        -moz-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
        -o-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
        transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
    }

    .menu-show {
        opacity: 1;
        top:0px;
        -webkit-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
        -moz-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
        -o-transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
        transition: top 1s  cubic-bezier(.165, 0.840, 0.440, 1.000), opacity 0.4s linear;
    }

    .navbar-default .language-selection {
        right: 86px;
    }

    .navbar-default a, .navbar-default a:visited, .navbar-default a:link {
	color: #2277dd;
    }

    .navbar-default .morphsearch-input::placeholder {
	color: #888;
    }

    nav {
        margin:0 auto;
        margin-top:100px;
        margin-bottom:20px;
        position:relative;
        left:20px;
        top:0px;
        z-index:999;
    }

    nav ul li {
        display:block;
        margin-right:15px;
        text-align:left;
    }
    nav a {
        display:block;
        padding:10px;
        line-height: 30px;
    }
    nav ul ul {
        position:relative;
        top: 0px;
        margin-left:15px;
    }
    nav ul ul li {
        background:rgba(21,23,29,0);
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    }
    nav ul ul ul li {
        position: relative;
        top:0px;
        left:0px;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    }
    nav ul ul li a{ line-height:20px; font-weight:300; font-size:8pt;}
    /*menu block end*/

    .mainbg { background-attachment:scroll;}
    .bgslider img{
        position:absolute;
        width:auto;
        height:100%;
        top: 0;
        left: 0;
    }
    .blog-news .hovereffect .overlay h1{ font-size:14pt;  }
    .blog-news .hovereffect .overlay h3{ font-size:8pt; }
    .bot-home {
        position: relative;
        margin-top:20px;
    }

    #step-text.fix-height {
        margin-bottom: 2em;
    }
}

@media only screen and (max-width: 980px) {
    .btn-content{ margin-top:20px; }
    .step-main .step-bg{ margin-bottom:20px; }
    .step-main:after{
        display:none;
    }
    .devider-img-right{
        top:-2px;
    }
    .devider-img-left{
        top:-2px;
    }

    .footer-overlay .footer-image {
        min-height: 280px;
    }
}

@media only screen and (max-width: 800px) {

    #home h1{ font-size:24pt; letter-spacing:1px;}
    #home h3{ font-size:20pt; letter-spacing:1px; line-height:30pt;}

    .footer-overlay .footer-image {
        min-height: 240px;
    }
}

@media only screen and (max-width: 768px) {

    .footer-overlay .footer-image {
        min-height: 180px;
    }

}

@media only screen and (max-width: 600px) {
    .navbar-brand {left:15px;}

    #filters.filter-tabs {
        display: grid;
    }

    .footer-overlay .footer-image {
        min-height: 140px;
    }
}


@media(max-width:414px) {
    section{padding:60px 0 60px 0;}
    .navbar-default{  border-bottom:1px groove rgba(255,255,255,0);}
    .navbar-brand {left:5px;}

    #home h1{ font-size:20pt; letter-spacing:1px;}
    #home h3{ font-size:16pt; letter-spacing:1px; line-height:30pt;}

    h1{ font-size:24pt; }
    h2{ font-size:20pt; }
    h3{ font-size:18pt; }
    h4{ font-size:16pt; }
    h5{ font-size:15pt; }
    h6{ font-size:14pt; }
    p{ font-size:14px;}


    #service-about{ width:100%; max-width:1200px; margin:0 auto; text-align:center;}
    .service-about {margin:0;}

    @media(max-width:360px) {
        #given_date{font-size:20pt;}
        #given_date sup{ font-size:9pt; margin-left:5px; margin-right:5px; }
        .service .image-block {	padding-top: 16px; }
        .service img{ margin-bottom:20px;}
        .service h5{ top:0px;}
        .service .name{ margin-top:0px;}
    }

    .social-icons{ margin-top:10px;}
    .right{ text-align:left; float:left; }
    #subscribe input#subscribeemail {
        margin: 0 0 0 0 ;
        width:250px;
    }
    .subscribesuccess {
        width: 250px;
    }

    #subscribe .subscribeerror {
        width: 250px;
    }
    aside .widget {
        margin-top:40px;
    }
    .bot-home{
        margin-bottom:-90px;
    }

    .footer-overlay .footer-image {
        min-height: 120px;
    }
}

@media screen and (max-width:375px),
       screen and (max-height: 740px) {

    #home p{ font-size:9pt;}
    #home h1{ font-size:18pt; letter-spacing:1px; line-height:20pt; }
    #home h3{ font-size:14pt; letter-spacing:1px; line-height:16pt; }


    .footer-overlay .footer-image {
        min-height: 120px;
    }
}

@media screen and (max-width: 360px),
       screen and (max-height: 380px) {

    #home h1{ margin-top: 4em;}
}

@media(max-width:320px) {

    #home h1{ font-size:18pt; letter-spacing:1px; }
    #home h3{ font-size:16pt; letter-spacing:1px; line-height:28pt; }

    .footer-overlay .footer-image {
        min-height: 100px;
    }
}