/* Shared layout rules override the older per-page header dimensions. */
body {
    padding-top: 134px !important;
}
body .top-strip {
    height: 60px;
    padding: 10px 0 !important;
}
body #menu {
    top: 60px !important;
}
body #menu .navbar {
    padding: 0;
}
body p, body h1, body h2, body h3, body h4, body h5,
body .contact-form a, body .mini-list, body .solution-list {
    overflow-wrap: anywhere;
}
body img {
    max-width: 100%;
}
body .mail-modal {
    overflow-y: auto;
}
body #contact {
    padding-left: 0;
    padding-right: 0;
}
body #service .service-box p {
    text-align: left;
}

@media all and (max-width: 767px) {
    body #service .col-xs-6 {
        width: 100%;
        float: none;
    }
    body .mail-modal .mail-modal-card {
        max-height: calc(100dvh - 40px);
        overflow-y: auto;
    }
}

@media all and (max-width: 991px) {
    body { padding-top: 74px !important; }
    body .top-strip { display: none !important; }
    body #menu { top: 0 !important; }
    body #menu .navbar { min-height: 74px !important; }
    body #menu .navbar-header {
        float: none;
        display: block !important;
        min-height: 74px !important;
    }
    body #menu .navbar-brand {
        height: 56px !important;
        max-width: calc(100% - 80px);
        margin: 8px 0 0 !important;
        padding: 8px 12px !important;
    }
    body #menu .navbar-brand img {
        max-height: 36px !important;
        height: auto;
    }
    body #menu .navbar-toggle {
        display: block !important;
        margin: 19px 0 0 !important;
        border: 1px solid #0c1524 !important;
        background: #fff !important;
    }
    body #menu .navbar-toggle .icon-bar { background: #0c1524 !important; }
    body #menu .navbar-collapse {
        background: #fff !important;
        margin-top: 0;
        max-height: calc(100vh - 74px);
        overflow-y: auto !important;
        border-top: 1px solid #dfe7f2 !important;
    }
    body #menu .navbar-collapse.collapse { display: none !important; }
    body #menu .navbar-collapse.collapse.in { display: block !important; }
    body #menu .nav {
        float: none !important;
        position: static;
        width: 100%;
        margin: 0;
    }
    body #menu .nav > li { float: none; width: 100%; }
    body #menu .nav > li > a { padding: 12px 18px; line-height: 22px; }
    body .cta-panel .text-right { text-align: left; }
    body .page-banner h2 { font-size: clamp(30px, 6vw, 46px); }
    body .page-banner h1 { font-size: 18px; line-height: 1.4; }
}

@media all and (min-width: 993px) and (max-width: 1200px) {
#slider-video {
    position: relative;
	}
.slider-wrap{
position:relative;
}
.carousel-caption h2{
font-size:67px;
}
.ab-sec-img img{
width:100%;
position:absolute;
top:22px;
}
.team-desc ul.team-social-icon li {
    padding-right: 10px;

}
.team-desc p{
text-align:justify;
}
.mobilenav li {
    padding: 6px;
	}
	.slide-sec-1 {
    text-align: right;
}
.slide-sec-2 {
    text-align: left;
    padding: 0;
}
}
@media all and (min-width: 767px) and (max-width: 992px) {
#slider-video {
    position: relative;
	}
.slider-wrap{
position:relative;
}
.carousel-caption h2{
font-size:67px;
}
#menu .nav {
    left: 5%;
    float: none;
	top:5px;
}
.nav > li > a {
    padding: 10px 10px;

}
.tab-img {
    top: 0;
	}
.team-main-sec{
margin-top:30px;
}
.blog-sec {
margin-top:30px;
}
.hero-section {
    padding: 18% 0% 0% 0%;
}
.hero-content h1{
font-size:42px;
}
.slider-content h1 {
    font-size: 40px;
    line-height: 55px;
}
.mobilenav li {
    padding: 6px;
	}
		.slide-sec-1 {
    text-align: right;
}
.slide-sec-2 {
    text-align: left;
    padding: 0;
}
.parallex-content h1 {
    font-size: 45px;
	}
.parallex-content {
    top: 25%;
}
}
@media all and (min-width: 480px) and (max-width: 768px) {
#slider-video {
    position: relative;
	}
.slider-wrap{
position:relative;
}
.carousel-caption h2{
font-size:45px;
}
.carousel-caption p {
    font-size: 15px;
    line-height: 25px;
	}
	.ab-sec-img img{
width:100%;
}
a.btn-down {
    top: 65px;
	}
	.navbar-nav > li > a {
    padding-top: 0px;
	}
#menu .nav {
 left:0%;
 float:left;
}
.navbar-default .navbar-toggle {
border:1px solid #999;
}
.navbar-default .navbar-toggle .icon-bar {
background:#999;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
background:#FFFFFF;
 transition:all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 -webkit-transition: all 0.5s;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background:#e73131;
 transition:all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 -webkit-transition: all 0.5s;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 border:rgba(248, 248, 248, 0);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
}
ul.navbar-nav {
float:left;
overflow:hidden;
}
ul.navbar-nav {
 position: relative;
 top:0;
}
.navbar-nav > li > a {
    line-height: 17px;
	}
.navbar-collapse.in{
overflow:hidden;
}
.tab-img {
    top: 0;
	}
	.team-main-sec{
margin-top:30px;
}
.blog-sec {
margin-top:30px;
}
#footer-down ul li {
    margin-right: 10px;
}
.hero-section {
    padding: 18% 0% 0% 0%;
}
.hero-content h1{
font-size:26px;
}
.hero-text{
padding-bottom:5%;
}
a.btn-learn{
top:10px;
}
.slider-content h1 {
    font-size: 36px;
    line-height: 55px;
}
.mobilenav li {
    padding: 6px;
	}
		.slide-sec-1 {
    text-align: right;
}
.slide-sec-2 {
    text-align: left;
    padding: 0;
}
.parallex-content h1 {
    font-size: 32px;
	}
.parallex-content {
    top: 20%;
}
}
@media all and (min-width: 299px) and (max-width: 479px) {
#slider-video {
    position: relative;
	}
	.slider-wrap{
position:relative;
}
.carousel-caption h2{
font-size:45px;
}
.carousel-caption p {
    font-size: 15px;
    line-height: 25px;
	}
	.ab-sec-img img{
width:100%;
}
a.btn-down {
    top: 65px;
	}
#menu .nav {
 left:0%;
 float:left;
}
.navbar-default .navbar-toggle {
border:1px solid #999;
}
.navbar-default .navbar-toggle .icon-bar {
background:#999;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
background:#FFFFFF;
 transition:all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 -webkit-transition: all 0.5s;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background:#e73131;
 transition:all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 -webkit-transition: all 0.5s;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 border:rgba(248, 248, 248, 0);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
}
ul.navbar-nav {
float:left;
overflow:hidden;
}
ul.navbar-nav {
 position: relative;
 top:0;
}
.navbar-nav > li > a {
    line-height: 17px;
	}
.navbar-collapse.in{
overflow:hidden;
}
.tab-img {
    top: 0;
	}
	.team-main-sec{
margin-top:30px;
}
.slider-content h1 {
    font-size: 36px;
    line-height: 55px;
}
.slider-content h2 {
    font-size: 21px;
    padding: 10px 0px 10px 0px;
}
.blog-sec {
margin-top:30px;
}
.mobilenav li {
    padding: 6px;
	}
.slide-sec-1 {
    text-align: right;
}
.slide-sec-2 {
    text-align: left;
    padding: 0;
}
#footer-down ul li {
    margin-right: 10px;
}
}

@media all and (max-width: 768px) {
body {
    overflow-x: hidden;
}
#menu {
    width: 100%;
    left: 0;
    right: 0;
}
.navbar-default {
    background: rgba(0, 0, 0, 0.82);
    padding: 8px 0;
}
a.navbar-brand {
    padding-top: 10px;
    padding-bottom: 10px;
}
a.navbar-brand img {
    top: 0;
    max-height: 42px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    background: rgba(0, 0, 0, 0.92);
    margin-top: 10px;
    border-radius: 8px;
    padding: 6px 0;
}
#menu .nav,
ul.navbar-nav {
    left: 0;
    float: none;
    width: 100%;
}
#menu ul.nav li {
    width: 100%;
}
#menu .nav > li > a,
.navbar-nav > li > a {
    padding: 12px 18px;
    line-height: 20px;
    text-align: left;
}
.carousel-caption {
    left: 8%;
    right: 8%;
    top: 24%;
}
.carousel-caption h1 {
    font-size: 30px;
    line-height: 36px;
}
.carousel-caption h2 {
    font-size: 24px;
    line-height: 30px;
}
.carousel-caption p {
    font-size: 14px;
    line-height: 22px;
}
#slider,
#home-carousel .item,
.carousel-inner > .item {
    min-height: 540px;
}
.page-banner {
    padding: 120px 0 60px !important;
}
.page-banner h1 {
    font-size: 32px;
    line-height: 38px;
}
.page-intro {
    padding: 60px 0 40px !important;
}
.page-cta .btn,
a.btn-send {
    display: block;
    width: 100%;
    margin: 0 0 12px 0;
}
.heading h2 {
    font-size: 28px;
    line-height: 34px;
}
.line {
    width: 60px;
}
#portfolio .portfolio-filter {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#portfolio .portfolio-filter > li {
    float: none;
    margin: 0 6px 10px;
}
.contact-sec-1,
#contact .col-md-6,
#about .col-md-6,
#service .col-md-4,
#portfolio .col-md-4,
#fun-facts .col-sm-6 {
    margin-bottom: 25px;
}
#footer-down h2 {
    font-size: 28px;
}
.btn-wsp {
    width: 56px;
    height: 56px;
    line-height: 58px;
    bottom: 16px;
    right: 16px;
    font-size: 30px;
    z-index: 999;
}
}

@media all and (max-width: 479px) {
.carousel-caption {
    top: 22%;
}
.carousel-caption h1 {
    font-size: 26px;
    line-height: 32px;
}
.carousel-caption h2 {
    font-size: 20px;
    line-height: 26px;
}
#slider,
#home-carousel .item,
.carousel-inner > .item {
    min-height: 500px;
}
.page-banner {
    padding: 110px 0 50px !important;
}
.page-banner h1 {
    font-size: 28px;
    line-height: 34px;
}
.fun-fact {
    margin-bottom: 20px;
}
}