/*================= Hi-res laptops and desktop: 1170-1281px================= */
@media (min-width: 1300px) {
.wrapper.boxed-layout{width:1300px;}		
.container{width:90% }
/* Why Choose Area */
.why-choose-outer {padding-left: 35px;}
.quote-area-outer {padding-right: 35px;}
}

/*================ Normal desktop :992-1169px.==================== */
@media (min-width: 992px) and (max-width: 1299px) {
.wrapper.boxed-layout{width:960px;}	
.container{width:90%;}
.mb-sm-0{margin-bottom:0px;}
    
    
/* Features Area */
.why-choose-outer {width: 100%;padding: 100px 100px;}
.quote-area-outer::before {display: none;}
.quote-area-outer {float: left;padding: 0px 100px;width: 100%; background: rgba(93, 126, 149, 1) none repeat scroll 0 0;}

/* Slider Area */    
/* Slide Box */
.slide-box {
   	margin: 0px 0px 0px 0px;
	max-width: 500px;
}
.slide-box h1 {
    font-size: 18px;
    line-height: 35px;
}
.slide-box h3 {
	color: #dbd9d6;
	font-size: 12px;
	line-height: 20px;
    letter-spacing: 1px;
}
    
/* Slick Dots */
.welcome-slides .slick-dots {
	bottom: 0px;
	right: 41%;
}
.welcome-slides .slick-dots > li > button {
	margin: 0px 0px 10px 15px;
}     
    
    
.edifice-nav .menu > li ul {
   margin: 4px 00px 0px 0px;
}    
 /* Team */
.leader-bio {padding: 20px 20px 0;}
.leader-bio .learder-name {margin-bottom: 15px;padding-bottom: 10px;}
.leader-bio > p {line-height: 22px;}
/* Logo */
.logo {
    padding: 20px 20px 20px 20px;
    width: 175px;
}
.logo a {
    display: block;
}

/* Logo Title */
.logo-title {display: none;}    
    
    
    
/* Certification Containers */
.box-features-padding-adj-1 {
    text-align: left;
    padding: 10px;
    margin-bottom: 80px;
}
.box-features-padding-adj-2 {
    text-align: left;
    padding: 10px;
    margin-bottom: 95px;
}
.box-features-padding-adj-3 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 10px;
}
.box-features-padding-adj-4 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 75px;
}

.single-location {
margin: 0px 0px 5px -25px;
}
    
	
/* Footer Area */
/* Contact Widget */
.footer-area .contact-widget ul {font-size: 14px;}
.footer-area .service-widget ul {font-size: 14px;}

.social-links > li {
	margin: 0 5px 0 0;
}
/* Footer Legal */
.footer-legal p {
	font-size: 12px;
    padding: 10px 0px 10px 0px;
}

/* Certification Containers */
.box-features-padding-adj-1 {
    text-align: left;
    padding: 10px;
    margin-bottom: 115px;
}
.box-features-padding-adj-2 {
    text-align: left;
    padding: 10px;
    margin-bottom: 115px;
}
.box-features-padding-adj-3 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 45px;
}
.box-features-padding-adj-4 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}

}
/*================ Tablet desktop :768-991px.==================*/
@media (min-width: 768px) and (max-width: 991px) {
.wrapper.boxed-layout{width:740px;}		
.container{width:90%;}
.mb-sm-0{margin-bottom:0 !important;}
.mb-sm-30{margin-bottom:30px;}
.mb-sm-50{margin-bottom:50px;}
.mb-sm-60{margin-bottom:60px;}

    
/* Logo */
.logo {
    margin: 0px 0px 0px 50px;
    padding: 25px 25px 25px 25px;
    width: 150px;
}

.logo a {
    display: block;
}
    
/* Logo Title */
.logo-title {display: none;}
    
    
/* Mobile Menu */
.navigation-area .col-xs-2.col-sm-8.col-md-9{
	position:static;
    margin: -13% 0% 0% 10%;
}
.mean-container .mean-bar {
	margin-top: 0px;
	position: inherit;
}
.scroll-header .mean-container .mean-bar {
	margin-top: 31px;
}
.mobile-menu-area .mean-nav {
	left: 0px;
	position: absolute;
	top: 87%;
}
.mean-nav .mega-menu .title {
	margin-bottom: 0px;
	padding: 12px 20px;
}
    
/* Mobile Menu End */        
    
.search-area {padding-top: 35px;}
.top-search-form.active {top: 100px;}
/* H1 Animation */ 
.animation {
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 25px;
}
 
/* Page Header */
.page-header {padding: 100px 0 0;}
/* Slider */
.welcome-slides .slide-container h1 {font-size: 36px;}
.welcome-slides .slide-container p {display: none;}
/* Slide Box */
.slide-box {
   	margin: 0px 0px 0px 100px;
	max-width: 500px;
}
.slide-box h1 {
    font-size: 18px;
    line-height: 35px;
}
.slide-box h3 {
	color: #dbd9d6;
	font-size: 10px;
	line-height: 20px;
    letter-spacing: 1px;
}
/* Breadcrumbs*/
.padding-breadcrumbs{padding:160px 0px 15px 0px;}

/* Slick Dots */
.welcome-slides .slick-dots {
	bottom: 0px;
	right: 39%;
}
.welcome-slides .slick-dots > li > button {
	margin: 0px 0px 10px 15px;
}    
    
    
/* Promo Area */
.promo-area h1 {font-size: 24px;padding-bottom: 0px; line-height: 30px;}
.promo-area p {font-size: 16px;margin-bottom: 0px; margin: 20px 0px 20px 0px;}
/* Features Area */
.why-choose-outer {padding: 105px 100px 60px; width: 100%;}
.quote-area-outer {float: left; padding: 0px 100px; width: 100%; background: rgba(93, 126, 149, 1) none repeat scroll 0 0;}
.quote-area-outer::before {display: none;}
/* Testimonials */
.leadership-quotes .arrow-prev {left: -30px;}
.leadership-quotes .arrow-next {right: -30px;}
/* Team */
.team-learder {margin-bottom: 30px;}
.leader-bio {padding: 20px 20px 0;}
.leader-bio .learder-name {margin-bottom: 15px;padding-bottom: 10px;}
/* Brand Logos */
.brand-logos .arrow-prev {left: -5px;}
.brand-logos .arrow-next {right: -5px;}
/* Logo */
.logo {
    padding: 25px 25px 25px 25px;
    width: 150px;
}
.logo a {
    display: block;
}    
/* Welcome Content */
.about-company .welcome-content {padding: 0 30px;}

/* Heading for section title */
.section-title-heading h1 {
 font-size: 24px;
 line-height: 35px;
}      
    
/* Certification Containers */
.box-features-padding-adj-1 {
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}
.box-features-padding-adj-2 {
    text-align: left;
    padding: 10px;
    margin-bottom: 45px;
}
.box-features-padding-adj-3 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 45px;
}
.box-features-padding-adj-4 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}
    
    
/* Footer */
.footer-menu ul li {margin-bottom: 10px;margin-right: 25px;}

}

/* ======================Large Mobile :480-767px.================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper.boxed-layout{width:450px;}		
.container {width:100%;}
    
.padding-breadcrumbs{padding:160px 0px 15px 0px;}
    
/* Logo */
.logo {
    margin: 0px 0px 0px 0px;
    padding: 25px 25px 25px 25px;
    width: 150px;
}

.logo a {
    display: block;
}
    
/* Logo Title */
.logo-title {display: none;}
    
    
/* Mobile Menu */
.navigation-area .col-xs-2.col-sm-8.col-md-9{
	position:static;
    margin: 12% 0% 0% 25%;
}
.mean-container .mean-bar {
	margin-top: 0px;
	position: inherit;
}
.scroll-header .mean-container .mean-bar {
	margin-top: 31px;
}
.mobile-menu-area .mean-nav {
	left: 0px;
	position: absolute;
	top: 87%;
}
.mean-nav .mega-menu .title {
	margin-bottom: 0px;
	padding: 12px 20px;
}
    
/* Mobile Menu End */     
    
/* H1 Animation */ 
.animation {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 25px;
}  
/* Slide Box */
.slide-box {
   	margin: 0px 0px 0px 0px;
	max-width: 500px;
}
.slide-box h1 {
    font-size: 18px;
    line-height: 35px;
}
.slide-box h3 {
	color: #dbd9d6;
	font-size: 12px;
	line-height: 20px;
    letter-spacing: 1px;
}
/* Breadcrumbs*/
.padding-breadcrumbs{padding:160px 0px 15px 0px;} 

/* Slick Dots */
.welcome-slides .slick-dots {
	bottom: 0px;
	right: 33%;
}

.welcome-slides .slick-dots > li > button {
	margin: 0px 0px 10px 15px;
}  

/* Promo Area */
.promo-area h1 {font-size: 18px;padding-bottom: 10px; line-height: 30px;}
.promo-area p {font-size: 14px;margin-bottom: 0px; margin: 10px 0px 10px 0px;}
 /* Animation/Video Area */
.animation-heading h1 {font-size: 18px; line-height: 28px; color: #003056;}
    
/* Features Area */
.why-choose-outer {padding: 105px 100px 60px; width: 100%;}
.quote-area-outer {float: left; padding: 0 100px; width: 100%; background: rgba(93, 126, 149, 1) none repeat scroll 0 0;}
.quote-area-outer::before {display: none;}
/* Team */
.team-learder {margin-bottom: 30px;}
.leader-bio {padding: 35px 25px 0;}
.leader-bio .learder-name {margin-bottom: 20px;padding-bottom: 12px;}
.leader-bio > p {margin-bottom: 15px;}
.contacts {margin-bottom: 30px;}
/* Testimonial Area */
.testimonials-wrap {margin-bottom: 100px;padding: 60px 20px;}
/* Brand Logos */
.brand-logos .arrow-prev {left: -10px;}
.brand-logos .arrow-next {right: -10px;}
/* Footer Area */
.footer-legal{text-align: left;}	
.footer-legal p {font-size: 14px;}
	
/* Heading for section title */
.section-title-heading h1 {
 font-size: 24px;
 line-height: 35px;
}     
	
/* Certification Containers */
.box-features-padding-adj-1 {
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}
.box-features-padding-adj-2 {
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}
.box-features-padding-adj-3 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}
.box-features-padding-adj-4 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}	
/*========================================
 RESPONSIVE TABLE
==========================================*/ 
 /* Tabel Responsive Functionality/
    /* Force table to not be like tables anymore */
	#tables-responsive table{
	background-color: #77777a;
	
	}
	#tables-responsive thead{
	} 
	
	#tables-responsive tbody, 
	
	#tables-responsive th, 
	
	#tables-responsive td, 
	
	#tables-responsive tr { 
		display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
	#tables-responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
}
 
	#tables-responsive tr { 
		border: 5px solid #ccc; 
		padding: 0px;
}
	
	.table-data { 
		color: #dbd9d6;
}
 
 
	#tables-responsive td { 
		/* Behave  like a "row" */
		font-size: 10px;
		border: none;
		border-bottom: 1px solid #a9a8a9; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:right;
		padding: 10px;
}
 
	#tables-responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 10px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		color:#dbd9d6;
}

	table a{
	color:#003056;
	font-size: 14px;
}

	table a:hover{
	color:#a9a8a9;
}
	
/*Label the data*/
	#tables-responsive td:before { content: attr(data-title); }

/*========================================
 RESPONSIVE TABLE END
==========================================*/ 

}

/*================== small mobile: 480px. ===================*/
@media (max-width: 480px) {
.wrapper.boxed-layout{width:300px;}			
.container {width:100%}
.section-title h2 {line-height: 38px;font-size:28px;}
.mb-xs-0{margin-bottom:0 !important;}
.mb-xs-20{margin-bottom:20px;}
.mb-xs-30{margin-bottom:30px;}
.mb-xs-50{margin-bottom:50px;}
.mb-xs-60{margin-bottom:60px;}
.padding-breadcrumbs{padding:160px 0px 15px 0px;}

/* Logo */
.logo {
    margin: 0px 0px 0px 0px;
    padding: 25px 25px 25px 25px;
    width: 150px;
}

.logo a {
    display: block;
}
    
/* Logo Title */
.logo-title {display: none;}
    
    
/* Mobile Menu */
.navigation-area .col-xs-2.col-sm-8.col-md-9{
	position:static;
    margin: 15% 0% 0% 20%;
}
.mean-container .mean-bar {
	margin-top: 0px;
	position: inherit;
}
.scroll-header .mean-container .mean-bar {
	margin-top: 31px;
}
.mobile-menu-area .mean-nav {
	left: 0px;
	position: absolute;
	top: 87%;
}
.mean-nav .mega-menu .title {
	margin-bottom: 0px;
	padding: 12px 20px;
}
    
/* Mobile Menu End */   

    
    
/* H1 Animation */ 
.animation {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 25px;
}

/*=======================
   19. PRELOADER STYLE
=========================*/
.loader{
	position: relative;
	width: 150px;
	height: 150px;
	left: 35%;
	margin-top: 0px;	
	border-radius: 125px;
	background-color: rgba(1, 74, 124, 0);
	border-width: 1px;
	border-style: solid;
	top: 50%;
	border-color:transparent  #00142d;
	    -webkit-transform-origin:  50% 50% ;
	   -moz-transform-origin:  50% 50% ;
	  -ms-transform-origin:  50% 50% ;
	 -o-transform-origin:  50% 50% ;
	transform-origin:  50% 50% ;
	    -webkit-animation: loader 1s ease-in infinite;
	   -moz-animation: loader 1s ease-in infinite;
	 -ms-animation: loader 1s ease-in infinite;
	animation: loader 1s ease-in infinite;
}    
    
    
/* Header */
.header-topbar p {font-size: 13px;text-align: center;}
.header-topbar ul {float: none !important;text-align: center;}
.header-topbar ul li {margin: 0 0 0 10px;}
.header-topbar ul li:first-child {margin-left: 0;}
.header-topbar ul li a {font-size: 13px;}
.search-area {padding-top: 35px;}

/* Search Button */
.search-area {position: static;}
.scroll-header .search-area {padding: 40px 0;}
.navigation-area .col-xs-2.col-sm-1.col-md-1{position: static;}
.top-search-form {width: 100%;}
.top-search-form.active {top: 100px;}
.top-search-form input[type="text"] {width: calc(100% - 48px);}
.page-title {font-size: 20px;line-height: 24px;margin-bottom: 0;}
/* Page Header */
.page-header {padding: 100px 0 0;}
/* Slider */
.welcome-slides .slide-container {padding-top: 65px;}
/* Slide Box */
.slide-box {
   	margin: 0px 15% 0px 15%;
	max-width: 250px;
}
.slide-box h1 {
    font-size: 16px;
    line-height: 40px;
}
.slide-box h3 {
	color: #dbd9d6;
	font-size: 10px;
	line-height: 20px;
    letter-spacing: 1px;
}    
.slider-navigation {display:none;}

/* Slider 2 */
.welcome-slides .slide-container h3 {font-size: 20px;font-weight: 500;letter-spacing: 0;margin-bottom: 10px;}
.welcome-slides .slide-container h1 {font-size: 28px;font-weight: 600;letter-spacing: 0;line-height: 38px;}
.welcome-slides .slide-container p {display: none;}
.welcome-slides .slide-container a.btn {font-size:14px;letter-spacing:0;padding: 10px;}


/* Slider Controls */
.welcome-slides .slick-dots {
	bottom: 1%;
    width: 100%;
	position: absolute;
	padding: 5% 5% 5% 15%;
    right: 0%;
	z-index:9;
}
.welcome-slides .slick-dots > li {
    display: inline-block;
    width: 50%;
}
    
/* Promo Area */
.promo-area h1 {font-size: 16px;padding-bottom: 0px; line-height: 30px;}
.promo-area p {font-size: 12px;margin-bottom: 0px; margin: 10px 0px 10px 0px;}
    
/* Animation/Video Area */
.animation-heading h1 {font-size: 18px; line-height: 28px; color: #003056;}
    
/* Section Title */
.section-title p {font-size: 14px;line-height: 26px;}
/* Service Area */
.service-style-2 .service-item {padding: 50px 15px;}
/* Features Area */
.why-choose-outer {margin: auto;padding: 105px 15px 60px;width: 100%;}
.quote-area-outer {background: rgba(93, 126, 149, 1) none repeat scroll 0 0;float: left;padding: 105px 15px;position: relative;width: 100%;}
.quote-area-outer::before {display: none;}
.quote-area-inner {padding: 0;}
/* Recent Projects */
ul.filter-menu {margin-bottom: 35px;}
ul.filter-menu li {margin-bottom: 20px;padding: 3px 12px;}
.project-inof h6 {line-height: 24px;font-size:14px;margin-bottom: 0;}
/* Team */
.team-learder {margin-bottom: 30px;}
.leader-bio {padding: 20px 10px 0;}
.leader-bio .learder-name {margin-bottom: 15px;padding-bottom: 10px;}
.learder-name p {font-size: 13px;margin-bottom: 0;}
.leader-bio > p {line-height: 22px;margin-bottom: 10px;}
.contacts {margin-bottom: 15px;}
/* Testimonial Area */
.testimonials-wrap {padding: 60px 10px;margin-bottom:100px;}
/* Leadership Area */
.leadership-area {padding-bottom: 50px;padding-top: 60px;}
.single-leadership h5 {font-size: 16px;}
.single-leadership p {font-size: 14px;line-height: 24px;}
.leadership-quotes .arrow-prev {left: -20px;}
.leadership-quotes .arrow-next {right: -20px;}
/* News Area */
.single-news {margin: 0 0 30px;}
.single-news .entry-meta {width: 100%;}
.single-news .entry-meta span {margin: 0 10px;}
.single-news .entry-content {padding: 0 15px 35px;}
/* Brand Logos */
.brand-logos .arrow-prev {left: 0;}
.brand-logos .arrow-next {right: 0;}
/* Footer Area */
.footer-menu ul {text-align: center;}
.footer-menu ul li {margin-bottom: 10px;margin-right: 25px;}
.footer-legal{text-align: left;}	
.footer-legal p {font-size: 12px;}
/* Contact Widget */
.footer-area .contact-widget ul {font-size: 13px;}
.footer-area .service-widget ul {font-size: 13px;}
.copyright p {text-align: left;}
/* Welcome Area */
.welcome-content {padding: 100px 15px;}
.welcome-content p {font-size: 14px;line-height: 28px;}
/* Funfacts Area */
.single-fact .icon {float: none;margin: auto auto 15px;}
.single-fact .fact-info {padding-left: 0;text-align: center;}
/* Call To Action */
.callto-action-area h4 {font-size: 18px;line-height: 24px;margin-bottom: 20px;}
/* About-company */
.about-company .welcome-content {padding: inherit;}

/* Heading for section title */
.section-title-heading h1 {
 font-size: 24px;
 line-height: 35px;
}    
    
/* Certification Containers */
.box-features-padding-adj-1 {
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}
.box-features-padding-adj-2 {
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}
.box-features-padding-adj-3 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}
.box-features-padding-adj-4 {
   	text-align: left;
    padding: 10px;
    margin-bottom: 20px;
}

/*========================================
 RESPONSIVE TABLE
==========================================*/ 
 /* Tabel Responsive Functionality/
    /* Force table to not be like tables anymore */
	#tables-responsive table{
	background-color: #77777a;
}
	#tables-responsive thead{
} 
	
    #tables-responsive tbody, 
	
	#tables-responsive th, 
	
	#tables-responsive td, 
	
	#tables-responsive tr { 
		display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
	#tables-responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
}
 
	#tables-responsive tr { 
		border: 5px solid #ccc; 
		padding: 0px;
}
	
	.table-data { 
		color: #dbd9d6;
}
 
 
	#tables-responsive td { 
		/* Behave  like a "row" */
		font-size: 10px;
		border: none;
		border-bottom: 1px solid #a9a8a9; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:right;
		padding: 10px;
}
 
	#tables-responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		left: 10px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		color:#dbd9d6;
}

	table a{
	color:#003056;
	font-size: 14px;
}

	table a:hover{
	color:#a9a8a9;
}
	
/*Label the data*/
	#tables-responsive td:before { content: attr(data-title); }

/*========================================
 RESPONSIVE TABLE END
==========================================*/

}