/*------------------------------------
--------------------------------------
                Header
--------------------------------------
--------------------------------------*/
@media (max-width: 1400px) and (min-width: 1301px) {
.site-header .topbar, .header-style2 .topbar {
 width: 100%;
 margin-left: 4%;
}
 
.navbar-nav {
 float: right !important;
}
.site-header #navbar > ul > li > a, .header-style2 #navbar > ul > li > a {
 font-size: 14px !important;
}
}
@media (max-width: 1199px) and (min-width: 1025px) {
 .logo {
 margin-left: -48px !important;
}
 .site-header.header-style1::before {
 width: 45% !important;
 left: -365px !important;
}
.site-header.header-style1::after {
 left: 15% !important;
 width: 150px !important;
}
.logo a .logo-img {
	width: 200px;
	padding-top: 16px;
	margin-left: 27px;
}
.apply-button {
 padding-right: 0px !important;
}
.navbar-nav {
 float: right !important;
}
.site-header #navbar > ul > li > a, .header-style2 #navbar > ul > li > a {
 font-size: 13px !important;
 padding: 8px 13px 8px 3px !important;
}
.site-header #navbar > ul > .menu-item-has-children > a::before, .header-style2 #navbar > ul > .menu-item-has-children > a::before {
 right: 3px !important;
}
.site-header .topbar, .header-style2 .topbar {
 margin-left: 4% !important;
}
.site-header .topbar, .header-style2 .topbar {
 margin-left: 26% !important;
}
.contact-info {
 width: 33% !important;
}
.mail-info {
 width: 22% !important;
}
.socail-link .links li {
 padding: 0px !important;
}
}
@media (max-width: 1024px) and (min-width: 992px) {
.logo {
 margin-left: -26px !important;
}
.logo a .logo-img {
	width: 160px;
	padding-top: 20px;
	margin-left: 27px;
}
 .site-header.header-style1::before {
 width: 45% !important;
 left: -365px !important;
}
.site-header.header-style1::after {
 left: 11% !important;
 width: 109px !important;
}
 .apply-button {
 padding-right: 0px !important;
}
.navbar-nav {
 float: right !important;
}
.site-header #navbar > ul > li > a, .header-style2 #navbar > ul > li > a {
 font-size: 13px !important;
 padding: 8px 16px 8px 5px !important;
}
.site-header #navbar > ul > .menu-item-has-children > a::before, .header-style2 #navbar > ul > .menu-item-has-children > a::before {
 right: 8px !important;
}
.site-header .topbar, .header-style2 .topbar {
 margin-left: 4% !important;
}
.site-header .topbar, .header-style2 .topbar {
 margin-left: 22% !important;
}
.contact-info {
 width: 33% !important;
}
.mail-info {
 width: 22% !important;
}
.socail-link .links li {
 padding: 0px !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
 .site-header .topbar, .header-style2 .topbar {
 width: 89% !important;
}
.site-header .topbar, .header-style2 .topbar {
 width: 89% !important;
}
.mail-info {
 width: 34% !important;
}
.socail-link .links li {
 padding: 0 1px !important;
}
.facebook-link {
 padding: 3px 10px !important;
}
.twitter-link {
 padding: 3px 6px !important;
}
.linkedin-link {
 padding: 3px 6px !important;
}
 .google-link {
 padding: 3px 4px !important;
}
.instagram-link {
 padding: 3px 7px !important;
}
}
@media (max-width: 1300px) and (min-width: 1199px) {
.site-header .topbar, .header-style2 .topbar {
 width: 100%;
 margin-left: 4%;
}
.site-header.header-style1::before {
 width: 47% !important;
 left: -363px !important;
}
.site-header.header-style1::after {
 left: 15% !important;
 width: 120px !important;
}
.logo {
 margin-left: -17px !important;
}
.navbar-nav {
 float: right !important;
}
.site-header #navbar > ul > li > a, .header-style2 #navbar > ul > li > a {
 font-size: 14px !important;
}
}
 @media (max-width: 991px) {
.site-header.header-style1 {
 display: grid !important;
}
}
 @media (max-width: 767px) {
 .main-top-bar {
 text-align: center;
}
.site-header .topbar > div, .header-style2 .topbar > div {
 float: none !important;
 text-align: center !important;
}
.mail-info {
 padding: 6px 0 !important;
}
}
/*--------------------------------------------------------------
     Global Elements
--------------------------------------------------------------*/
@media (max-width: 1199px) and (min-width: 991px) {
.site-header.header-style1::before {
 width: 53% !important;
}
#iview-timer {
 right: 30% !important;
 top: -13% !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.navbar-brand {
 height: 80px !important;
}
.logo-img {
 width: 170px !important;
}
}
 @media screen and (max-width: 767px) {
 .navbar-brand {
 height: 60px !important;
}
.logo-img {
 width: 188px !important;
}
}
 @media screen and (min-width: 1200px) {
 .box-layout {
 width: 100%;
 height: 100%;
 background: url("../images/body-bg.html") center center/auto repeat fixed;
}
 .box-layout .page-wrapper {
 background-color: #fff;
 width: 1250px;
 margin: 50px auto 0;
}
}
 @media (max-width: 1199px) {
 .section-title .sub-title {
 font-size: 16px;
 font-size: 1rem;
}
 .section-title h2 {
 font-size: 36px;
 font-size: 2.25rem;
}
 .theme-btn-s2 {
 height: 40px;
 line-height: 40px;
 font-size: 16px;
 font-size: 1rem;
}
 .theme-btn-s3 {
 font-size: 16px;
 font-size: 1rem;
}
}
 @media (max-width: 991px) {
 .section-padding {
 padding: 90px 0;
}
.section-title {
 margin-bottom: 40px;
}
 .section-title .sub-title {
 font-size: 14px;
 font-size: 0.875rem;
}
 .section-title h2 {
 font-size: 30px;
 font-size: 1.875rem;
}
 .theme-btn-s2 {
 height: 35px;
 line-height: 35px;
 font-size: 14px;
 font-size: 0.875rem;
 padding: 0 28px;
}
 .theme-btn-s3 {
 height: 40px;
 line-height: 36px;
 font-size: 14px;
 font-size: 0.875rem;
 padding: 0 25px;
}
}
 @media (max-width: 767px) {
 body {
 font-size: 14px;
}
 .section-padding {
 padding: 70px 0;
}
 .section-title {
 margin-bottom: 30px;
}
 .section-title .sub-title {
 font-size: 13px;
 font-size: 0.8125rem;
}
 .section-title h2 {
 font-size: 25px;
 font-size: 1.5625rem;
}
 .section-title h2:after {
 height: 3px;
}
 .theme-btn, .theme-btn-s3 {
 height: 40px;
 line-height: 40px;
 padding: 0 20px;
 font-size: 13px;
}
 .theme-btn-s3 {
 height: 35px;
 line-height: 31px;
 font-size: 13px;
 font-size: 0.8125rem;
}
}






/******************************
        preloader
******************************/

 @media (max-width: 991px) {
 .page-title {
 height: 300px;
}
}
 @media (max-width: 767px) {
 .page-title {
 height: 220px;
}
}
 @media (max-width: 1199px) {
 .page-title h1 {
 font-size: 50px;
 font-size: 3.125rem;
}
}
 @media (max-width: 991px) {
 .page-title h1 {
 font-size: 40px;
 font-size: 2.5rem;
}
}
 @media (max-width: 767px) {
 .page-title h1 {
 font-size: 35px;
 font-size: 2.1875rem;
 font-weight: bold;
}
}
 @media (max-width: 767px) {
 .page-title .breadcrumb {
 text-align: center;
}
}
 @media (max-width: 991px) {
 .page-title .breadcrumb li {
 font-size: 15px;
 font-size: 0.9375rem;
}
}

/*--------------------------------------------------------------
                         	header
--------------------------------------------------------------*/
 @media (max-width: 991px) {
 .site-header .logo-wrapper, .header-style2 .logo-wrapper {
 display: none;
}
}
 @media (max-width: 1199px) {
 .site-header .topbar, .header-style2 .topbar {
 font-size: 14px;
}
}
 @media (max-width: 991px) {
 .site-header .topbar, .header-style2 .topbar {
 margin-bottom: 0;
}
}
 @media (max-width: 767px) {
 .site-header .topbar, .header-style2 .topbar {
 padding-bottom: 3px;
}
}
 @media (max-width: 767px) {
 .site-header .contact-info ul, .header-style2 .contact-info ul, .site-header .important-links-social-links, .header-style2 .important-links-social-links {
 display: inline-block;
}
}
 @media (max-width: 767px) {
 .site-header .important-links-social-links, .header-style2 .important-links-social-links {
 padding-top: 10px;
 border-top: 1px solid #2a3238;
}
}
 @media (max-width: 767px) {
 .site-header .contact-info ul li, .header-style2 .contact-info ul li {
 float: none;
 margin-bottom: 10px;
}
 .site-header .contact-info ul li:firx st-child, .header-style2 .contact-info ul li:first-child {
 margin-bottom: 10px;
}
}
 @media (max-width: 767px) {
 .site-header .topbar > div, .header-style2 .topbar > div {
 width: 100%;
 float: none;
 text-align: center;
}
}
 @media (max-width: 767px) {
 .site-header .important-links-social-links > div, .header-style2 .important-links-social-links > div {
 float: none;
 display: inline-block;
}
}
 @media (max-width: 991px) {
 .site-header .navigation, .header-style2 .navigation {
 background-color: #fff;
}
}
 @media (max-width: 991px) {
 .site-header .navigation, .header-style2 .navigation {
 min-height: 60px;
}
 .site-header .navigation .navbar-brand, .header-style2 .navigation .navbar-brand {
 padding: 0 15px !important;
}
}
 @media screen and (min-width: 992px) {
 .site-header .navigation .navbar-brand, .header-style2 .navigation .navbar-brand {
 display: none;
}
}
 @media screen and (min-width: 992px) {
 .site-header #navbar, .header-style2 #navbar {
 padding: 10px 0;
/*** hover effect ***/
  }
 .site-header #navbar li, .header-style2 #navbar li {
 position: relative;
}
 .site-header #navbar > ul > li > a, .header-style2 #navbar > ul > li > a {
 font-size: 15px;
 font-size: 0.9375rem;
 font-weight: bold;
 color: #2c3091;
 padding: 8px 20px 8px 9px;
 text-transform: uppercase;
}
 .site-header #navbar > ul > .menu-item-has-children > a, .header-style2 #navbar > ul > .menu-item-has-children > a {
 position: relative;
}
 .site-header #navbar > ul > .menu-item-has-children > a:before, .header-style2 #navbar > ul > .menu-item-has-children > a:before {
 font-family: "FontAwesome";
 content: "\f107";
 position: absolute;
 right: 9px;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}
 .site-header #navbar > ul > li > a:hover, .header-style2 #navbar > ul > li > a:hover, .site-header #navbar > ul > .current-menu-item a, .header-style2 #navbar > ul > .current-menu-item a {
 background-color: #422874;
 color: #000;
}
 .site-header #navbar > ul .sub-menu, .header-style2 #navbar > ul .sub-menu {
 background-color: #121d25;
 width: 220px;
 position: absolute;
 left: 0;
 top: 100%;
 z-index: 10;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
 .site-header #navbar > ul .sub-menu a, .header-style2 #navbar > ul .sub-menu a, .site-header #navbar > ul .mega-menu a, .header-style2 #navbar > ul .mega-menu a {
 font-size: 12px;
 font-size: 0.75rem;
 font-weight: bold;
 color: #fff;
 text-transform: uppercase;
}
 .site-header #navbar > ul > li .sub-menu li, .header-style2 #navbar > ul > li .sub-menu li {
 border-bottom: 1px solid #0a1014;
}
 .site-header #navbar > ul > li .sub-menu li:last-child, .header-style2 #navbar > ul > li .sub-menu li:last-child {
 border-bottom: 0;
}
 .site-header #navbar > ul > li .sub-menu a, .header-style2 #navbar > ul > li .sub-menu a {
 display: block;
 padding: 15px 15px;
}
 .site-header #navbar > ul > li > .sub-menu .sub-menu, .header-style2 #navbar > ul > li > .sub-menu .sub-menu {
 left: 110%;
 top: 0;
}
 .site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a, .header-style2 #navbar > ul > li > .sub-menu > .menu-item-has-children > a {
 position: relative;
}
 .site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before, .header-style2 #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before {
 font-family: "FontAwesome";
 content: "\f105";
 font-size: 15px;
 font-size: 0.9375rem;
 position: absolute;
 right: 15px;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}
 .site-header #navbar > ul > li:hover > .sub-menu, .header-style2 #navbar > ul > li:hover > .sub-menu {
 top: 130%;
 visibility: visible;
 opacity: 1;
}
 .site-header #navbar .sub-menu > li:hover > .sub-menu, .header-style2 #navbar .sub-menu > li:hover > .sub-menu {
 left: 100%;
 visibility: visible;
 opacity: 1;
}
}
 @media (max-width: 991px) {
 .site-header #navbar > ul > li a, .header-style2 #navbar > ul > li a {
 display: block;
 font-size: 14px;
 font-size: 0.875rem;
}
 .site-header #navbar > ul > li .sub-menu li, .header-style2 #navbar > ul > li .sub-menu li {
 border-bottom: 1px solid #e6e6e6;
}
 .site-header #navbar > ul .sub-menu > li:last-child, .header-style2 #navbar > ul .sub-menu > li:last-child {
 border-bottom: 0;
}
 .site-header #navbar > ul > li > .sub-menu a, .header-style2 #navbar > ul > li > .sub-menu a {
 padding: 8px 15px 8px 45px;
}
 .site-header #navbar > ul > li > .sub-menu .sub-menu a, .header-style2 #navbar > ul > li > .sub-menu .sub-menu a {
 padding: 8px 15px 8px 65px;
}
 .site-header #navbar > ul .menu-item-has-children > a, .header-style2 #navbar > ul .menu-item-has-children > a {
 position: relative;
}
 .site-header #navbar > ul .menu-item-has-children > a:before, .header-style2 #navbar > ul .menu-item-has-children > a:before {
 font-family: "FontAwesome";
 content: "\f107";
 font-size: 15px;
 font-size: 0.9375rem;
 position: absolute;
 right: 15px;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}
}
 @media screen and (min-width: 992px) {
 .site-header #navbar, .header-style2 #navbar {
/*** hover effect ***/
  }
 .site-header #navbar .has-mega-menu, .header-style2 #navbar .has-mega-menu {
 position: static;
}
 .site-header #navbar .mega-menu, .header-style2 #navbar .mega-menu, .site-header #navbar .half-mega-menu, .header-style2 #navbar .half-mega-menu {
 background-color: #121d25;
 padding: 20px;
 position: absolute;
 right: 0;
 top: 100%;
 z-index: 10;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
 .site-header #navbar .mega-menu, .header-style2 #navbar .mega-menu {
 width: 1140px;
 right: 0;
}
 .site-header #navbar .half-mega-menu, .header-style2 #navbar .half-mega-menu {
 width: 585px;
}
 .site-header #navbar .mega-menu-box-title, .header-style2 #navbar .mega-menu-box-title {
 color: #fff;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: bold;
 display: block;
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px solid #192833;
 text-transform: uppercase;
}
 .site-header #navbar .mega-menu-list-holder li, .header-style2 #navbar .mega-menu-list-holder li {
 margin-bottom: 10px;
}
 .site-header #navbar .mega-menu-list-holder li:last-child, .header-style2 #navbar .mega-menu-list-holder li:last-child {
 margin-bottom: 0;
}
 .site-header #navbar .mega-menu-list-holder li a, .header-style2 #navbar .mega-menu-list-holder li a {
 display: block;
 padding: 7px 8px;
 margin-left: -8px;
}
 .site-header #navbar .has-mega-menu:hover > ul, .header-style2 #navbar .has-mega-menu:hover > ul {
 top: 102%;
 visibility: visible;
 opacity: 1;
}
}
 @media (max-width: 1199px) {
 .site-header #navbar > ul .mega-menu, .header-style2 #navbar > ul .mega-menu {
 width: 940px;
}
 .site-header #navbar > ul .half-mega-menu, .header-style2 #navbar > ul .half-mega-menu {
 width: 485px;
}
}
 @media (max-width: 991px) {
 .site-header #navbar > ul .mega-menu, .header-style2 #navbar > ul .mega-menu, .site-header #navbar > ul .half-mega-menu, .header-style2 #navbar > ul .half-mega-menu {
 width: auto;
}
 .site-header #navbar > ul .mega-menu .row, .header-style2 #navbar > ul .mega-menu .row, .site-header #navbar > ul .half-mega-menu .row, .header-style2 #navbar > ul .half-mega-menu .row {
 margin: 0;
}
 .site-header #navbar .mega-menu-content > .row > .col, .header-style2 #navbar .mega-menu-content > .row > .col {
 margin-bottom: 25px;
}
}
 @media (max-width: 991px) {
 .site-header #navbar .mega-menu .mega-menu-list-holder a, .header-style2 #navbar .mega-menu .mega-menu-list-holder a {
 padding: 5px 15px 5px 40px;
}
 .site-header #navbar .mega-menu .mega-menu-box-title, .header-style2 #navbar .mega-menu .mega-menu-box-title {
 font-size: 14px;
 font-size: 0.875rem;
 text-transform: uppercase;
 display: block;
 border-bottom: 1px dotted #b3b3b3;
 padding: 0 0 4px 5px;
 margin: 0 25px 8px 25px;
}
}
 @media screen and (min-width: 992px) {
 .site-header .navbar-header .open-btn, .header-style2 .navbar-header .open-btn {
 display: none;
}
 .site-header #navbar .close-navbar, .header-style2 #navbar .close-navbar {
 display: none;
}
}
 @media (max-width: 991px) {
 .site-header, .header-style2 {
/* class for show hide navigation */
  }
 .site-header .container, .header-style2 .container {
 width: 100%;
}
.site-header .navbar-header button, .header-style2 .navbar-header button {
	background-color:#e41549;
	width: 40px;
	height: 35px;
	border: 0;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
	position: absolute;
	right: 0;
	top: 24px;
	z-index: 20;
}
.site-header.header-style1::after {
 display: none !important;
}
.site-header.header-style1::before {
 display: none !important;
}
 .site-header .navbar-header button span, .header-style2 .navbar-header button span {
 background-color: #fff;
 display: block;
 height: 2px;
 margin-bottom: 5px;
}
 .site-header .navbar-header button span:last-child, .header-style2 .navbar-header button span:last-child {
 margin: 0;
}
 .site-header #navbar, .header-style2 #navbar {
 background: #fff;
 display: block !important;
 width: 280px;
 height: 100% !important;
 margin: 0;
 padding: 0;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 position: fixed;
 right: -300px;
 top: 0;
 z-index: 100;
}
 .site-header #navbar ul a, .header-style2 #navbar ul a {
 color: #000;
}
 .site-header #navbar .navbar-nav, .header-style2 #navbar .navbar-nav {
 height: 100%;
 overflow: auto;
}
 .site-header #navbar .close-navbar, .header-style2 #navbar .close-navbar {
 background-color:#e41549;
 width: 35px;
 height: 35px;
 color: #fff;
 border: 0;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
 -ms-border-radius: 50%;
 border-radius: 50%;
 outline: none;
 position: absolute;
 left: -18px;
 top: 10px;
 z-index: 20;
}
 .site-header #navbar > ul > li, .header-style2 #navbar > ul > li {
 border-bottom: 1px solid #cccccc;
}
 .site-header #navbar > ul > li > a, .header-style2 #navbar > ul > li > a {
 padding: 10px 15px 10px 35px;
}
 .site-header .slideInn, .header-style2 .slideInn {
 right: 0 !important;
}
}
 @media (max-width: 767px) {
 .site-header #navbar .navbar-nav, .header-style2 #navbar .navbar-nav {
 margin: 0;
}
}
 @media (max-width: 991px) {
 .site-header .navbar-collapse.collapse, .header-style2 .navbar-collapse.collapse {
 display: none;
}
 .site-header .navbar-collapse.collapse.in, .header-style2 .navbar-collapse.collapse.in {
 display: block;
}
 .site-header .navbar-header .collapse, .header-style2 .navbar-header .collapse, .site-header .navbar-toggle, .header-style2 .navbar-toggle {
 display: block;
}
 .site-header .navbar-header, .header-style2 .navbar-header {
 float: none;
}
 .site-header .navbar-right, .header-style2 .navbar-right {
 float: none;
}
 .site-header .navbar-nav, .header-style2 .navbar-nav {
 float: none;
}
 .site-header .navbar-nav > li, .header-style2 .navbar-nav > li {
 float: none;
}
}
/*** search box ***/

 @media (max-width: 991px) {
 .site-header .search, .header-style2 .search {
 right: 65px;
 top: 18px;
}
}
 @media (max-width: 767px) {
 .header-search-form form {
 width: 300px;
}
}
 @media (max-width: 767px) {
 .header-search-form form input {
 width: 100%;
 height: 44px;
 font-size: 14px;
 font-size: 0.875rem;
 padding: 15px 75px 15px 15px;
}
}
 @media (max-width: 767px) {
 .header-search-form form .btn {
 width: 45px;
 height: 45px;
}
}


/*** header style 2 ***/
@media screen and (min-width: 992px) {
 .header-style2 {
 background-color: transparent;
 position: absolute;
 top: 70px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: 10;
}
}
 @media screen and (min-width: 992px) {
 .header-style2 .topbar {
 height: 51px;
 margin: 0;
 border: 0;
 padding: 0 45px;
}
}
 @media screen and (min-width: 1200px) {
 .header-style2 .topbar {
 height: 65px;
 margin: 0;
 border: 0;
 padding: 0 45px;
}
}
 @media (max-width: 991px) {
 .header-style2 .topbar {
 padding: 20px 15px;
}
}
 @media (max-width: 767px) {
 .header-style2 .topbar {
 padding: 20px 15px 3px;
}
}
 @media screen and (min-width: 992px) {
 .header-style2 .topbar .contact-info, .header-style2 .topbar .important-links-social-links {
 line-height: 51px;
}
}
 @media screen and (min-width: 1200px) {
 .header-style2 .topbar .contact-info, .header-style2 .topbar .important-links-social-links {
 line-height: 72px;
}
}
 @media (max-width: 991px) {
 .header-style2 .navigation .navbar-brand {
 margin-top: 5px;
}
 .header-style2 #navbar {
 height: 100vh !important;
}
}
 @media screen and (min-width: 992px) {
 .header-style2 #navbar {
 background-color: #fff;
 height: 53px !important;
}
 .header-style2 #navbar > ul {
 margin-top: 8px;
}
 .header-style2 #navbar > ul > li:hover > .sub-menu {
 top: 128%;
}
 .header-style2 #navbar .has-mega-menu:hover > ul {
 top: 100%;
}
 .header-style2 #navbar .mega-menu {
 width: 970px;
}
}
 @media screen and (min-width: 1200px) {
 .header-style2 #navbar {
 background-color: #fff;
 height: 65px !important;
}
 .header-style2 #navbar > ul {
 margin-top: 14px;
}
 .header-style2 #navbar > ul > li:hover > .sub-menu {
 top: 145%;
}
 .header-style2 #navbar .mega-menu {
 width: 1170px;
}
}
 @media screen and (min-width: 992px) {
 .header-style2 #navbar > ul > li > a {
 color: #121d25;
}
}
 @media (max-width: 991px) {
 .header-style2 .navbar-header button {
 right: 15px;
}
}
 @media (max-width: 991px) {
 .header-style2 .side-menu-search-area .search {
 right: 35px;
 top: -12px;
}
}
 @media (max-width: 991px) {
 .header-style2 .side-menu-search-area .search a {
 color: #fff;
}
}
 @media (max-width: 991px) {
 .header-style2 .side-menu-search-area .side-menu {
 display: none;
}
}
 @media (max-width: 991px) {
 .side-menu-inner {
 display: none;
}
}

/*** header style 3 ***/

 @media (max-width: 991px) {
 .header-style3 .topbar {
 text-align: center;
}
 .header-style3 .topbar > .col {
 width: 100%;
}
}
 @media (max-width: 767px) {
 .header-style3 .topbar {
 padding-bottom: 0;
}
}
 @media (max-width: 991px) {
 .header-style3 .contact-info-wrapper {
 border-top: 1px solid #e6e6e6;
 margin-top: 25px;
}
}
 @media (max-width: 991px) {
 .header-style3 .contact-info {
 float: none;
 display: inline-block;
}
}
 @media (max-width: 991px) {
 .header-style3 .contact-info > div {
 text-align: left;
 padding-left: 40px;
}
}
 @media (max-width: 767px) {
 .header-style3 .contact-info > div {
 margin-bottom: 15px;
}
}
 @media (max-width: 991px) {
 .header-style3 .contact-info .icon {
 width: 30px;
 height: 30px;
 line-height: 30px;
 font-size: 16px;
 font-size: 1rem;
}
}
 @media (max-width: 991px) {
 .header-style3 .contact-info h6 {
 font-size: 12px;
 font-size: 0.75rem;
}
}
 @media (max-width: 991px) {
 .header-style3 .contact-info h6 + span {
 font-size: 12px;
 font-size: 0.75rem;
}
}
 @media screen and (min-width: 992px) {
 .header-style3 .navigation {
 width: 970px;
 position: absolute;
 left: 50%;
 bottom: -40px;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: 10;
}
 .header-style3 #navbar > ul > li > a {
 color: #adb4b9;
 padding: 20px 30px;
 position: relative;
}
 .header-style3 #navbar > ul > li > a:after {
 content: "";
 width: 35px;
 height: 4px;
 background-color: #ffc527;
 position: absolute;
 left: 50%;
 bottom: 0;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 opacity: 0;
 -webkit-transition: all 0.3;
 -moz-transition: all 0.3;
 -o-transition: all 0.3;
 -ms-transition: all 0.3;
 transition: all 0.3;
}
 .header-style3 #navbar > ul > li > a:hover {
 background-color: transparent;
 color: #fff;
}
 .header-style3 #navbar > ul > li > a:hover:after {
 opacity: 1;
}
 .header-style3 #navbar > ul > li > .sub-menu, .header-style3 #navbar > ul > li > .mega-menu {
 top: 130%;
}
 .header-style3 #navbar > ul > li:hover > .sub-menu, .header-style3 #navbar > ul > li:hover > .mega-menu {
 top: 100%;
 visibility: visible;
 opacity: 1;
}
 .header-style3 #navbar > ul > li > .mega-menu {
 width: 970px;
}
}
 @media screen and (min-width: 1200px) {
 .header-style3 .navigation {
 width: 1170px;
 position: absolute;
 left: 50%;
 bottom: -40px;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 z-index: 10;
}
 .header-style3 #navbar > ul > li > .mega-menu {
 width: 1170px;
}
}
 @media (max-width: 991px) {
 .header-style3 .navigation {
 margin: 0 -15px;
}
 .header-style3 .navigation .social-links {
 display: none;
}
 .header-style3 .navigation .navbar-header button {
 right: 13px;
}
 .header-style3 .navigation .social-links-search .search {
 right: 70px;
}
 .header-style3 .navigation .navbar-brand {
 margin-top: 5px;
}
}
/******************************
	  Franchise  & Sub Franchise
******************************/
 @media (max-width: 1199px) {
 .theme-accordion .panel-default .panel-heading + .panel-collapse > .panel-body {
 padding: 30px;
}
}
 @media (max-width: 991px) {
 .theme-accordion .panel-default .panel-heading + .panel-collapse > .panel-body {
 padding: 20px;
}
}
 @media (max-width: 991px) {
 .theme-accordion .panel-heading a {
 font-size: 16px;
 font-size: 1rem;
 padding: 10px 20px;
}
}
 @media (max-width: 991px) {
 .theme-accordion .panel-heading a:after {
 right: 20px;
}
}
 @media (max-width: 767px) {
 .theme-accordion .panel-heading a:after {
 display: none;
}
}
 @media (max-width: 991px) {
 .theme-accordion .panel-default .panel-body p {
 font-size: 15px;
 font-size: clac-rem-value(15);
}
}
 @media (max-width: 480px) {
.theme-accordion .panel-default .panel-heading + .panel-collapse > .panel-body {
 padding: 30px !important;
 position: relative !important;
}
.theme-accordion .panel-body .img-holder {
 position: static !important;
}
}
/*--------------------------------------------------------------
                         	header
--------------------------------------------------------------*/



/******************************
	 sticky header
******************************/
 @media screen and (min-width: 1200px) {
 .sticky-s2 #navbar .mega-menu, .sticky-s2 .header-style2 #navbar .mega-menu {
 right: -98px;
}
 .box-layout .site-header nav.sticky-s1, .box-layout .header-style2 nav.sticky-s1, .box-layout .sticky-s2 {
 width: 1250px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
}
}
 @media screen and (min-width: 992px) {
 .sticky-s2 #navbar .mega-menu, .sticky-s2 .header-style2 #navbar .mega-menu {
 right: -65px;
}
}
 @media (max-width: 991px) {
 .site-header nav.sticky, .header-style2 nav.sticky, .site-header nav.sticky-s1, .header-style2 nav.sticky-s1 {
 padding: 10px 0;
}
 .site-header nav.sticky-s1 .navbar-header button, .header-style2 nav.sticky-s1 .navbar-header button {
 top: 25px !important;
 right: 15px;
}
 .site-header nav.sticky-s1 .header-search-area, .header-style2 nav.sticky-s1 .header-search-area {
 right: 70px;
 top: 13px;
}
 .sticky-s2 {
 border-bottom: 0;
}
 .header-style3 nav.sticky-s1 .navbar-header button {
 right: 13px;
 top: 11px;
}
 .header-style3 nav.sticky-s1 .social-links-search .search {
 top: 17px;
}
}

/*--------------------------------------------------------------
      	Customer -section
--------------------------------------------------------------*/

 @media (max-width: 767px) {
 .customer-section .tab-list {
 margin-top: 20px;
}
}
 @media (max-width: 767px) {
 .customer-section .tab-list li {
 margin: 0 1px 4px 0;
}
}
 @media (max-width: 767px) {
 .customer-section .tab-list .icon {
 display: none;
}
}
 @media (max-width: 1199px) {
 .customer-section .tab-list .icon .fi:before {
 font-size: 40px;
 font-size: 2.5rem;
}
}
 @media (max-width: 1199px) {
 .customer-section .tab-list li a {
 width: 120px;
 font-size: 14px;
 font-size: 0.875rem;
}
}
 @media (max-width: 767px) {
 .customer-section .tab-list li a {
 width: auto;
 font-size: 12px;
 font-size: 0.75rem;
 padding: 5px 10px;
}
}
 @media (max-width: 1199px) {
 .customer-section .tab-content p {
 font-size: 16px;
 font-size: 1rem;
}
}
 @media (max-width: 767px) {
 .customer-section .tab-content p {
 font-size: 14px;
 font-size: 0.875rem;
 margin-bottom: 15px;
}
}
 @media (max-width: 1199px) {
 .customer-section .tab-content h5 {
 font-size: 18px;
 font-size: 1.125rem;
}
}
 @media (max-width: 767px) {
 .customer-section .tab-content h5 {
 font-size: 15px;
 font-size: 0.9375rem;
 line-height: 1.3em;
}
}
 @media (max-width: 991px) {
 .customer-section .about-us-man-wrapper {
 display: none;
}
}

/*--------------------------------------------------------------
                               Our Mission
--------------------------------------------------------------*/
 @media (max-width: 991px) {
 .cta-s2 .content {
 padding: 65px 0;
}
}
 @media (max-width: 767px) {
 .cta-s4 .content {
 padding: 50px 0;
}
}
 @media (max-width: 1199px) {
 .cta-s2 h4 {
 font-size: 30px;
 font-size: 1.875rem;
}
}
 @media (max-width: 991px) {
 .cta-s2 h4 {
 font-size: 25px;
 font-size: 1.5625rem;
}
}
 @media (max-width: 767px) {
 .cta-s2 h4 {
 font-size: 20px;
 font-size: 1.25rem;
}
}
 @media (max-width: 1199px) {
 .cta-s2 .theme-btn, .cta-s2 .theme-btn-s3 {
 position: static;
 font-size: 15px;
 font-size: 0.9375rem;
 margin-top: 15px;
}
}
 @media (max-width: 991px) {
 .cta-s2 .theme-btn, .cta-s2 .theme-btn-s3 {
 height: 35px;
 line-height: 35px;
 padding: 0 15px;
}
}
 @media (max-width: 767px) {
 .cta-s2 .theme-btn, .cta-s2 .theme-btn-s3 {
 font-size: 0.8125rem;
 margin-top: 13px;
}
}

/*--------------------------------------------------------------
                       	fun-fact
--------------------------------------------------------------*/
 @media (max-width: 1199px) {
 .fun-fact {
 padding: 100px 0;
}
 .fun-fact .counter {
 font-size: 50px;
 font-size: 3.125rem;
}
 .fun-fact .counter {
 font-size: 30px;
 font-size: 1.875rem;
}
.fun-fact h3 {
 font-size: 14px;
 font-size: 0.875rem;
}
.fun-fact .grid {
 margin-bottom: 25px;
}
}
 @media (max-width: 767px) {
 .fun-fact {
 padding: 60px 0;
}
 .fun-fact h3 {
 font-size: 12px;
 font-size: 0.75rem;
}
}
 @media (max-width: 600px) {
 .fun-fact {
 padding: 60px 0 30px;
 background-position: center center !important;
 background-size: cover !important;
}
 .fun-fact .start-count > .col {
 margin-bottom: 30px;
}
}
/*--------------------------------------------------------------
                    Four Colom Section
--------------------------------------------------------------*/
 @media (max-width: 1199px) {
.four-colom-services-text {
 padding: 20px 19px 10px !important;
}
}
 @media (max-width: 767px) {
.four-colom-services-text {
 padding: 20px 50px 10px !important;
 height: 223px !important;
}
}
 @media (max-width: 560px) {
 .services-grid {
 width: 100% !important;
}
}
/*--------------------------------------------------------------
                    Banking Section
--------------------------------------------------------------*/

 @media (max-width: 1199px) {
 .work-process .work-process-content .tab-list {
 width: 25%;
}
 .work-process .work-process-content .tab-content {
 width: 70%;
}
 .work-process .tab-list a {
 font-size: 17px;
 font-size: 1.0625rem;
}
 .work-process .tab-content .tab-pane .img-holder {
 float: none;
}
 .work-process .tab-content .tab-pane .work-details {
 width: 100%;
 float: none;
}
}
 @media (max-width: 991px) {
 .work-process .work-process-content .tab-list {
 width: 100% !important;
 float: none;
}
 .work-process .work-process-content .tab-content {
 width: 100% !important;
 float: none;
}
 .work-process .tab-list {
 margin-bottom: 35px;
 border-bottom: 1px solid #e6e6e6;
}
 .work-process .tab-list a {
 font-size: 15px;
 font-size: 0.9375rem;
 padding: 7px 12px;
}
 .work-process .tab-list li {
 float: left;
}
 .work-process .work-details h3 .fi:before {
 font-size: 22px;
 font-size: 1.375rem;
}
 .work-process .work-details h3 {
 font-size: 20px;
 font-size: 1.25rem;
}
 .work-process .work-details h3 {
 font-size: 18px;
 font-size: 1.125rem;
}
}
 @media (max-width: 767px) {
 .work-process .tab-list {
 margin-bottom: 20px;
}
 .work-process .work-list ul {
 width: 100%;
 float: none;
}
 .work-process .work-list ul:first-child {
 padding-right: 0;
}
.work-process .tab-content .tab-pane .img-holder {
 display: none !important;
}
.work-process .tab-content .tab-pane .work-details {
 width: 100% !important;
}
.banking-service {
 display: flow-root !important;
}
.banking-service-right {
 border-left: none !important;
 padding-left: 0 !important;
}
}
 @media (max-width: 560px) {
.work-process .work-list ul {
 float: left;
 width: 100% !important;
}
.work-process .tab-list a {
 font-size: 15px !important;
}
}
/*---------------------------------------------------------------------
                         All Service Blue background 
----------------------------------------------------------------------*/
 @media (max-width: 991px) {
.service {
 width: 22% !important;
}
}
 @media (max-width: 560px) {
.service {
 width: 22% !important;
}
}
 @media (max-width: 480px) {
.service {
 width: 50% !important;
}
}
 @media (max-width: 400px) {
.service {
 width: 100% !important;
}
}

/*---------------------------------------------------------------------
                         Micro ATM Section 
----------------------------------------------------------------------*/
 @media screen and (min-width: 1200px) {
.micro-atm-section .project-title h2 {
 padding-right: 325px;
}
}
 @media (max-width: 1199px) {
.micro-atm-section .project-single-slider .slider-nav .slick-track .slick-slide {
 margin-bottom: 21px;
}
.micro-atm-section .client-quote-wrapper .client-quote-slider .box {
 padding: 60px;
}
}
 @media (max-width: 991px) {
.micro-atm-section .project-title h2 {
 font-size: 30px;
 font-size: 1.875rem;
}
.micro-atm-section .project-single-slider .slider-nav {
 margin-top: 25px;
 margin-bottom: 15px;
}
.micro-atm-section .project-single-slider .slider-nav .slick-list {
 margin: 0 -5px;
}
.micro-atm-section .project-single-slider .slider-nav .slick-track .slick-slide {
 margin-bottom: 0;
 padding: 0 5px;
}
.micro-atm-section .project-single-slider .slider-nav .slick-track .slick-slide img {
 width: 100%;
}
.micro-atm-right {
 display: block !important;
}
.micro-atm-section .project-details-wrapper h3 {
 font-size: 20px;
 font-size: 1.25rem;
}
.micro-atm-section .project-details-wrapper .micro-atm-left {
 margin-top: 35px;
}
.micro-atm-section .client-quote-wrapper .client-quote-slider .box {
 padding: 40px;
}
.micro-atm-section .client-quote-wrapper .quote p {
 font-size: 17px;
 font-size: 1.0625rem;
}
.micro-atm-section .client-quote-wrapper .client-info h5 {
 font-size: 17px;
 font-size: 1.0625rem;
}
.micro-atm-section .client-quote-wrapper .client-info > span {
 font-size: 13px;
 font-size: 0.8125rem;
}
.micro-atm-section .client-quote-wrapper .client-quote-slider .owl-controls {
 margin-top: 35px;
}
}
 @media (max-width: 767px) {
.micro-atm-section .project-title h2 {
 font-size: 25px;
 font-size: 1.5625rem;
 margin: 0 0 0.9em;
}
.micro-atm-section .project-single-slider .slider-nav {
 margin-top: 15px;
}
.micro-atm-section .project-details-wrapper h3 {
 font-size: 18px;
 font-size: 1.125rem;
}
.micro-atm-section .client-quote-wrapper .client-quote-slider .box {
 padding: 30px 15px;
}
.micro-atm-section .client-quote-wrapper .quote p {
 font-size: 16px;
 font-size: 1rem;
}
.micro-atm-section .client-quote-wrapper .client-info {
 margin-top: 25px;
}
.micro-atm-section .client-quote-wrapper .client-info h5 {
 font-size: 16px;
 font-size: 1rem;
}
.micro-atm-section .client-quote-wrapper .client-quote-slider .owl-controls {
 margin-top: 25px;
}
}
/*---------------------------------------------------
          top 5Services Section  
--------------------------------------------------*/

 @media (max-width: 1199px) {
 .card_strt_up ul, .com_info_here ul {
 margin: 0 -6px;
}
 .card_strt_up ul li, .com_info_here ul li {
 padding: 0 3px;
}
 .card_strt_up ul li a span.outer {
 padding: 5px;
}
 .card_strt_up {
 padding: 0 0px;
}
 .com_info_here {
 margin-left: 0;
 margin-right: 0;
 padding: 10px 5px;
}
 .com_info_here h3 {
 margin: -23px auto 10px;
}
 .com_info_here ul li span.data {
 height: 140px;
}
 .com_info_here ul li:hover span.data {
 width: 250px;
 height: 140px;
}
}
 @media (max-width: 991px) {
 .card_strt_up ul li a span.outer span.title {
 font-size: 17px;
}
 .card_strt_up ul li a span.outer span.icon {
 font-size: 60px;
}
 .com_info_here ul li span.data {
 display:block !important;
}
.com_info_here ul li:hover span.data {
 width: 187px !important;
 height: auto !important;
 margin: 0 !important;
}
 .com_info_here h3 {
 margin: -28px auto 10px;
}
 .card_strt_up ul li a span.outer {
 height: 160px;
}
 .card_strt_up ul li a span.outer span.icon {
 height: 110px;
 line-height: 110px;
 font-size: 45px;
}
 .card_strt_up ul li a:hover span.outer span.title {
 height: 40px;
 line-height: 40px;
}
 .com_info_here ul li span.com span.icon {
 margin-bottom: 5px;
}
}
 @media (max-width: 767px) {
 .card_strt_up ul {
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 justify-content: center;
}
 .card_strt_up ul li {
 -webkit-flex: 0 0 33.33%;
 -moz-flex: 0 0 33.33%;
 -ms-flex: 0 0 33.33%;
 -o-flex: 0 0 33.33%;
 flex: 0 0 33.33%;
 margin: 3px 0;
}
 .com_info_here ul li span.com {
 height: auto;
}
 .com_info_here ul li {
 -webkit-flex: 0 0 20%;
 -moz-flex: 0 0 20%;
 -ms-flex: 0 0 20%;
 -o-flex: 0 0 20%;
 flex: 0 0 20%;
}
 .com_info_here ul li span.com {
 width: 100%;
 text-align: center;
}
}
@media (max-width: 639px) {
 .com_info_here ul {
 margin: 0 -6px;
 display: block;
}
 .com_info_here ul li span {
 display: inline-block;
}
 .com_info_here ul li span.com {
 float: none;
 display: block;
 padding: 10px;
 border: 1px dashed #ccc;
 margin: 5px;
 width: auto;
 text-align: left;
}
 .com_info_here ul li span.com span.icon {
 margin: 0 10px 0 0;
 width: 35px;
}
 .com_info_here {
 border: none;
}
 .com_info_here h3 {
 width: 100%;
 margin: 0 0 15px;
 text-align: center;
 max-width: 100%;
}
.com_info_here {
 height: auto !important;
}
}
/*--------------------------------------------------------------
                       	partners
--------------------------------------------------------------*/
 @media (max-width: 991px) {
 .partners {
 padding: 0 0 60px;
}
.partners {
 padding: 22px 0 10px !important;
}
}
/*--------------------------------------------------------------
       	footer
--------------------------------------------------------------*/
@media screen and (min-width: 1200px) {
 .site-footer .nav-widget {
 padding-left: 25px;
}
}
@media (max-width: 1199px) {
 .site-footer .upper-footer {
 padding-bottom: 0;
}
 .site-footer .upper-footer > .col {
 margin-bottom: 80px;
}
 .site-footer .upper-footer .widget ul li {
 font-size: 15px;
 font-size: 0.9375rem;
}
 .site-footer .upper-footer .widget > h3 {
 font-size: 20px;
 font-size: 1.25rem;
 margin: 0 0 1.5em;
}
 .site-footer .contact-widget .social-links {
 margin-top: 45px;
}
 .site-footer .contact-widget .social-links li {
 margin-right: 14px;
}
 .site-footer .contact-widget .social-links a {
 font-size: 20px;
 font-size: 1.25rem;
}
 .footer-colom.footer-detail {
 margin-bottom: 20px;
}
.footer-link {
 margin-bottom: 20px;
}
.footer-link {
 margin-top: 0 !important;
}
}
@media (max-width: 991px) {
 .site-footer {
 padding: 140px 0 0;
}
 .site-footer .upper-footer {
 padding-bottom: 0;
}
 .site-footer .upper-footer > .col {
 margin-bottom: 60px;
}
 .site-footer .upper-footer .widget ul li {
 color: #fff;
 text-align: center;
}
 .site-footer .upper-footer .widget ul li {
 font-size: 14px;
 font-size: 0.875rem;
}
 .site-footer .contact-widget .contact-info li {
 padding-left: 40px;
 margin-bottom: 20px;
}
 .site-footer .contact-widget .contact-info li .icon {
 width: 30px;
 height: 30px;
 line-height: 30px;
 font-size: 16px;
 font-size: 1rem;
}
 .site-footer .contact-widget .social-links {
 margin-top: 35px;
}
 .site-footer .contact-widget .social-links a {
 font-size: 18px;
 font-size: 1.125rem;
}
 .site-footer .copyright-area {
 text-align: center;
 padding: 25px 0;
}
 .footer-link {
 margin-top: 0 !important;
}
}
 @media (max-width: 767px) {
 .site-footer .upper-footer .widget > h3 {
 font-size: 18px;
 font-size: 1.125rem;
}
 .site-footer .recent-post-widget > ul h4 {
 font-size: 15px;
 font-size: 0.9375rem;
}
 .site-footer .twitter-post-widget > ul li {
 margin-bottom: 20px;
 line-height: 1.9em;
}
 #iview .iviewSlider {
 width: 1463px !important;
 height: 600px !important;
 transform: scale(0.5339) !important;
}
}
/*-------------------------------------------------
                        Slider                     
----------------------------------------------------*/
@media (max-width: 1435px) and (min-width: 1200px) {
.iview-controlNav {
 bottom: 4% !important;
}
}
@media (max-width: 1700px) {
 #iview .iviewSlider {
 width: 1463px !important;
 transform: scale(1.2) !important;
}
#iview-timer {
 position: inherit !important;
 right: 36% !important;
 top: -23% !important;
}
}
@media (max-width: 1500px) {
 #iview .iviewSlider {
 width: 1463px !important;
 transform: scale(0.9966) !important;
}
}
 @media (max-width: 1399px) {
 #iview .iviewSlider {
 width: 1872px !important;
 transform: scale(0.7500) !important;
}
#iview-timer {
 right: 35% !important;
 top: -24% !important;
}
}
@media (max-width: 1300px) {
 #iview .iviewSlider {
 width: 1463px !important;
 transform: scale(0.9111) !important;
}
#iview-timer {
 position: inherit !important;
 right: 34% !important;
 top: -30% !important;
}
}
 @media (max-width: 1199px) {
 #iview .iviewSlider {
 width: 1463px !important;
 transform: scale(0.835) !important;
}
.iview-controlNav {
 left: 38% !important;
}
#iview-timer {
 position: absolute !important;
 right: 38% !important;
 top: 78% !important;
}
}
@media (max-width: 1140px) {
 #iview .iviewSlider {
 width: 1463px !important;
 transform: scale(0.7899) !important;
}
.iview-controlNav {
 left: 38% !important;
}
#iview-timer {
 position: absolute !important;
 right: 37% !important;
 top: 78% !important;
}
}
@media (max-width: 1080px) {
 #iview .iviewSlider {
 width: 1463px !important;
 height: 600px !important;
 transform: scale(0.74999) !important;
}
.iview-controlNav {
 left: 37% !important;
}
#iview-timer {
 position: absolute !important;
 right: 35% !important;
 top: 75% !important;
}
}
 @media (max-width: 991px) {
	    /* STYLES HERE */
#iview #iview-tooltip div.holder {
 display: none !important;
}
#iview #iview-tooltip {
 display: block !important;
 position: absolute;
 background: url(../images/tooltip.html) no-repeat;
 width: 157px;
 height: 111px;
 bottom: 32px;
 left: -67px;
 padding: 10px;
 z-index: 100;
 margin-top: 0px;
 display: none !important;
}
 #iview .iviewSlider {
 width: 1463px !important;
 height: 600px !important;
 transform: scale(0.68777) !important;
}
.iview-controlNav {
 left: 33% !important;
}
#iview-timer {
 position: absolute !important;
 right: 35% !important;
 top: 75% !important;
}
.about_video::after, .about_video::before {
	display: none !important;
}
}
 @media (max-width: 860px) {
 #iview .iviewSlider {
 width: 1463px !important;
 height: 600px !important;
 transform: scale(0.5999) !important;
}
.iview-controlNav {
 left: 33% !important;
}
#iview-timer {
 position: absolute !important;
 right: 35% !important;
 top: 74% !important;
}
}
@media (max-width: 767px) {
 #iview .iviewSlider {
 width: 1463px !important;
 height: 600px !important;
 transform: scale(0.5339) !important;
}
.iview-controlNav {
 left: 33% !important;
}
#iview-timer {
 position: absolute !important;
 right: 26% !important;
 top: 70% !important;
}
}
@media (max-width: 640px) {
 #iview .iviewSlider {
 width: 1463px !important;
 height: 600px !important;
 transform: scale(0.4999) !important;
}
.iview-controlNav {
 left: 34% !important;
}
#iview-timer {
 position: absolute !important;
 right: 24% !important;
 top: 68% !important;
}
}
 @media (max-width: 560px) {
 #iview .iviewSlider {
 width: 1463px !important;
 height: 600px !important;
 transform: scale(0.4399) !important;
}
.iview-controlNav {
 left: 12% !important;
}
#iview-timer {
 position: absolute !important;
 right: 4% !important;
 top: 53% !important;
}
}
 @media (max-width: 480px) {
 #iview .iviewSlider {
 width: 1463px !important;
 height: 600px !important;
 transform: scale(0.3399) !important;
}
.iview-controlNav {
 left: 12% !important;
}
#iview-timer {
 position: absolute !important;
 right: 8% !important;
 top: 65% !important;
}
}
 @media (max-width: 320px) {
#iview .iviewSlider {
 width: 1463px !important;
 height: 600px !important;
 transform: scale(0.2222) !important;
}
.iview-controlNav {
 left: 12% !important;
}
#iview-timer {
 position: absolute !important;
 right: 4% !important;
 top: 53% !important;
}
}
/*-------------------------------------------------
                        Fun Fact                     
----------------------------------------------------*/
@media (max-width: 1199px) and (min-width: 992px) {
.fun-fact .col-sm-6 {
width:33% !important;
}

/*-------------------------------------------------
                         aboutus                
----------------------------------------------------*/
@media (max-width: 1199px) and (min-width: 992px) {
	
.about-title {
	z-index: 9;
}	
.aboutus-section .abcontent {
	z-index: 9;
}	


.about_video::after {
	width: 43% !important;
	left: 664px !important;
}

.about_video::after, .about_video::before {
	height: 1267px !important;
	top: -402px !important;
}
.about_video::before {
	width: 380px !important;
	-webkit-transform: rotate(200deg) !important;
	transform: rotate(190deg) !important;
	left: 520px !important;
}
}