@media only screen and (max-width:1199px) {
}
 @media only screen and (max-width:991px) {
 .main-navigation .navbar-nav > li > a {
 margin-left: 4px;
 padding-left: 12px;
 padding-right: 12px;
}
 .main-navigation .navbar-brand > a img {
 width: 160px;
}
}
 @media only screen and (max-width:767px) {
 .mobile-center {
 float: none;
 text-align: center;
}
 .main-navigation .navbar-brand {
 padding: 0 15px;
}
 .main-navigation .navbar-toggle {
 border-radius: 12px;
 border-color: #d7e3ef;
 padding: 10px 11px;
}
 .navbar-default .navbar-toggle .icon-bar {
 background: #28405a;
}
 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
 background-color: #f3f8fc;
}
 .main-navigation.top-nav-collapse .icon-bar {
 background: #333333;
}
 .navbar-collapse {
 margin-top: 16px;
}
 .container>.navbar-collapse {
 margin-left: 0;
 margin-right: 0;
}
 .main-navigation .navbar-right {
 background: #ffffff;
 margin: 0;
 padding: 10px;
 border: 1px solid #e4ebf3;
 border-radius: 18px;
 box-shadow: 0 16px 32px rgba(16, 32, 53, 0.08);
}
 .main-navigation .navbar-nav>li {
 width: 100%;
 text-align: left;
}
 .main-navigation .navbar-nav>li>a {
 margin-top: 0;
 margin-left: 0;
 color: #314256;
 display: block;
 padding: 12px 14px;
 border-radius: 12px;
}
 .slider-main-title {
 font-size: 28px !important;
 margin-bottom: 10px;
}
 .slider-main-title span {
 font-size: 36px !important;
}
}
 @media only screen and (max-width:700px) {
 .slider-main-title {
 font-size: 18px !important;
 padding-top: 22% !important;
}
 .slider-main-title span {
 font-size: 24px !important;
}
}
 @media only screen and (max-width:600px) {
 .full-wd600 {
 width: 100%;
}
 .main-navigation .navbar-brand {
 width: 180px;
 height: auto;
}
 .angle-shape::before {
 transform: skewY(3deg);
 -webkit-transform: skewY(3deg);
 -moz-transform: skewY(3deg);
 -ms-transform: skewY(3deg);
 -o-transform: skewY(3deg);
}
}
@media only screen and (max-width:560px) {
 .slider-para {
 display: none;
}
 .slider-main-title {
 padding-top: 26% !important;
}
}
 @media only screen and (max-width:480px) {
}
 @media only screen and (max-width:420px) {
 .main-navigation .navbar-brand {
 width: 150px;
 height: auto;
}
 .navbar-toggle {
 margin-top: 0;
 margin-bottom: 0;
}
 .main-slider-area {
 margin-top: 62px;
}
 .slider-main-title {
 padding-top: 30% !important;
 font-size: 16px !important;
}
 .slider-main-title span {
 font-size: 16px !important;
}
}
 @media only screen and max-width:320px) {
}