/* 

   ------------------------------------------------------

					Responsive Styles

   ------------------------------------------------------

*/



@media (min-width: 1350px) {



	.solutions-container{

		width:1350px !important;

	}

}

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



	.footer-1{

		height:auto !important;

	}

	.footer-social-media-icon,

	#footer-logo{

		float:none !important;

		display:block !important;

		text-align:center !important;

		

	}

	.footer-social-media-icon{

		margin-left:0 !important;

		margin-top:20px !important;

	}

	.newsletter,

	.copyright-div,

	.marsdesign,

	.footer-menu li{

		display:block !important;

		text-align:center !important;

		float:none !important;

	}

	.newsletter,

	.marsdesign,

	.copyright-div{

		margin: 25px auto;

	}

		

}

@media (min-width: 992px) and (max-width: 1199px) {

	/* SOLUTIONS */

	

	

	/*------------------------------------------*/

	/*	 Navigation Menu    

	/*------------------------------------------*/



	.navbar-nav > li {

    	margin-left: 2.8%;

	}



	/*------------------------------------------*/

	/*	 INTRO CONTENT

	/*------------------------------------------*/

	

	#intro h2 {	font-size: 60px; line-height: 70px; margin-top: 0;}

	#intro h3 {	font-size: 30px; }

	.intro_text p {	font-size: 16px; }

	

	/*------------------------------------------*/

	/*	 INTRO IMAGE  

	/*------------------------------------------*/



	#intro_image img { margin-top: 20px;}

	

	/*------------------------------------------*/

	/*	TABS HOLDER IMAGE

	/*------------------------------------------*/



	#tabs-holder img { margin-top: 40px;} 

	

	/*------------------------------------------*/

	/*	ACCORDION HOLDER IMAGE

	/*------------------------------------------*/



	#accordion-holder img { margin-top: 60px;} 



	/*------------------------------------------*/

	/*	  STATISTIC BLOCK

	/*------------------------------------------*/ 



	.statistic-number {font-size: 80px; line-height: 80px; }

	.statistic-text {font-size: 22px;}

		

	/*------------------------------------------*/

	/*	 Portfolio Overlay Content 

	/*------------------------------------------*/

	

	.overlay-content h4 {font-size: 20px;}

	.portfolio-item:hover .overlay-content { bottom: 35%; }

	

	/*------------------------------------------*/

	/*	 Table Body

	/*------------------------------------------*/



	.pricing-table ul.features {font-size: 14px;padding: 5px 30px;}

	

	/*------------------------------------------*/

	/*	 NEWSLETTER

	/*------------------------------------------*/

	

	#newsletter_form {width: 60%;}

	

	/*------------------------------------------*/

	/*	  Newsletter Form Input

	/*------------------------------------------*/



	#newsletter form input[type="email"] {	width: 70%;}

	#newsletter form input[type="submit"] {width: 29%;}

	

	.slide-title{
	
		font-size:27px;
	}
	
	.slide-description{
	
		font-size:18px;
		line-height:normal;
	}
		

}





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

.scroll-fixed-navbar.navbar-fixed-top img {
	height:30px;
}
.scroll-fixed-navbar.navbar-fixed-top a#wm-intro {
    width: auto;
}

	.custom-prev{

		left:-6px !important;

		top:20% !important;

	}

	.custom-next{

		right:-6px !important;

		top:20% !important;

	}

	

	.about-image{

		height:450px;

		width:auto;

		display:inline-block;

		float:right;

	}

	.about-text{

		max-width:350px !important;

	}

	.solutions-box-background.third{

		border-right:1px solid #ccc;

	}

	.solutions-box-background.second{

		border-right:none;

	}

	.bottom_item-3{

		border-bottom:1px solid #ccc;

	}

	.bottom_item-2{

		border-bottom:none;

	}



	/*------------------------------------------*/

	/*	 Navigation Menu    

	/*------------------------------------------*/



	/*.navbar-nav > li > a {padding: 0 10px; }*/



	.navbar-nav > li {

    	margin-left: 20px;

	}

	.navbar-nav > li > a {font-size: 12px; }

	

	#wm-intro img {width:100px;height:auto;margin-left:13px !important}

	

	.navbar-nav > li > span > a {

		font-size: 18px;

		margin-right: 10px;

	}

	/*------------------------------------------*/

	/*	 INTRO CONTENT

	/*------------------------------------------*/

	

	#intro_content {padding-top: 190px; padding-bottom: 140px; text-align: center; }

	#intro h2 {	font-size: 70px; line-height: 80px; padding: 0 4%;}

	#intro h3 {	font-size: 32px; }

	.intro_text p {	padding: 0 15%; }

	

	/*------------------------------------------*/

	/*	 INTRO BUTTONS

	/*------------------------------------------*/



	.intro_buttons { margin-bottom: 40px; text-align: center; }

	

	/*------------------------------------------*/

	/*	 INTRO IMAGE  

	/*------------------------------------------*/



	#intro_image img { margin-top: 30px;}

	

	/*------------------------------------------*/

	/*	  FEATURE BOX

	/*------------------------------------------*/

	

	.features-box { text-align: center;}



	/*------------------------------------------*/

	/*	  Feature Icon

	/*------------------------------------------*/



	.icon-box { width: auto; height: auto; float: none !important;margin-bottom: 10px;}

	.icon-box i {margin-top: 0;}

	

	/*------------------------------------------*/

	/*	  Feature Text

	/*------------------------------------------*/



	.features-text { padding: 0px;}

	.features-text p {padding-right: 0;}



	/*------------------------------------------*/

	/*	TABS HOLDER IMAGE

	/*------------------------------------------*/



	#tabs-holder img { margin-top: 30px; margin-bottom: 20px;} 

	

	/*------------------------------------------*/

	/*	ACCORDION HOLDER IMAGE

	/*------------------------------------------*/



	#accordion-holder img { margin-bottom: 40px;} 

	

	/*------------------------------------------*/

	/*	 Message Text

	/*------------------------------------------*/



	.client-msg p {font-size: 16px; line-height: 24px;}

	

	/*------------------------------------------*/

	/*	  STATISTIC BLOCK

	/*------------------------------------------*/ 



	.statistic-number {font-size: 75px; line-height: 75px; }

	.statistic-text {font-size: 20px;}

	

	/*------------------------------------------*/

	/*	Timeline Item Content

	/*------------------------------------------*/

	

	.timeline-item-content { text-align: center;}

	

	/*------------------------------------------*/

	/*	Timeline Item Content Arrow

	/*------------------------------------------*/



	.timeline-item:before,

	.timeline-item-content:before, 

	.timeline-item-content.pull-right:before { display: none;}  

			

	/*------------------------------------------*/

	/*	 Portfolio Overlay Content 

	/*------------------------------------------*/

	

	.overlay-content h4 {font-size: 20px;}

	.portfolio-item:hover .overlay-content { bottom: 35%; }

	

	/*------------------------------------------*/

	/*	   Button Settings

	/*------------------------------------------*/ 



	#gallery-filter .btn-group > .btn {font-size: 14px;margin: 0 3px;padding: 6px 12px;}

	

	/*------------------------------------------*/

	/*	 Clients Carousel Navigation

	/*------------------------------------------*/



	.customNavigation {right: 47%;}

	

	/*------------------------------------------*/

	/*	 Google Map

	/*------------------------------------------*/	

	

	.map-canvas { height: 450px;}

	

	/*------------------------------------------*/

	/*	 NEWSLETTER

	/*------------------------------------------*/

	

	#newsletter_form {width: 75%;}

	

	/*------------------------------------------*/

	/*	  Newsletter Form Input

	/*------------------------------------------*/



	#newsletter form input[type="email"] {	width: 65%;}

	#newsletter form input[type="submit"] {width: 34%;}



	
	.navbar-nav > li > a {
		font-size: 11px;
		letter-spacing:normal;
	}

	.slide-title{
	
		font-size:27px;
	}
	
	.slide-description{
	
		font-size:18px;
		line-height:normal;
	}

}





@media only screen and (max-width: 767px){
	#contact-info *{
		text-align:center !important;
	}
	.about-text,
	.about-box{
		text-align:center !important;
	}
	.on-top{
		display:none !important;
	}
	.on-below{
		display:block !important;
	}

	.custom-next,

	.custom-prev{

		font-size:35px !important;

		top:35% !important;

	}

	.custom-prev{

		left:30px !important;

	}

	.custom-next{

		right:30px !important;

	}

	

	.about-image {

		height: auto;

		width: 180px;

		margin: 20px auto;

		display: block;

		float: none;

	}

	.about-text{

		max-width:none !important;

	}

	#wm_about h3{

		margin-top:30px !important;

	}

	.about-image img{

		height:300px;

		width:auto;

	}



	#wm_about, #about {

		padding-top: 30px;

	}

	

	.navbar-nav > li > span > a {

		font-size: 25px;

		margin-right: 20px;

	}



	#mobile-logo img{

		height:40px;

		width:auto;

	}

	a.panel-toggle .industry-description{

		padding-right:50px;

	}

	

	/*SOLUTIONS*/



	.solutions-box {

		padding-top: 30px;

	}

	.solutions-box-background.third{

		border-right:none;

	}

	.solutions-box-background.second{

		border-right:none;

	}

	.bottom_item-3{

		border-bottom:1px solid #ccc;

	}

	.bottom_item-2{

		border-bottom:1px solid #ccc;

	}

	.bottom_item-1{

		border-bottom:none;

	}

	.solution-description{

		height:auto;

		margin-bottom:30px;

	}

	#wm-intro{

		display:none;

	}

	.navbar-nav > li{

		margin-left:0;

	}

	.slide-text-box{

		left:20px;

	}

	/*------------------------------------------*/

	/*	 Section Titlebar

	/*------------------------------------------*/



	.titlebar {

		margin-bottom: 20px !important;

		margin-top: 20px !important;

	}



	.titlebar h2 {font-size: 32px;}

	.titlebar h3 {font-size: 35px !important; margin-top:60px;margin-bottom:0}

	.titlebar h2:after { width: 140px;}



	#services, #features, #about, #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact { padding-left: 30px; padding-right: 30px; }

	

	/*------------------------------------------*/

	/*	 Logo Image    

	/*------------------------------------------*/



	.navbar-brand {padding: 20px 30px;} 

	a#mobile-logo{display:inline-block;} 

	

	/*------------------------------------------*/

	/*	 Navigation Menu    

	/*------------------------------------------*/



	.navbar { background-color: #fff; padding: 0px; }

	

	/*------------------------------------------*/

	/*	 Responsive Menu

	/*------------------------------------------*/

	

	.navbar-nav { margin: 0 -15px; border-top: 1px solid #444; background-color: #262626;}	

	.navbar-nav > li { text-align: center;}

	.navbar-nav > li > a { line-height: 45px; text-align: center;}	

	

	/*------------------------------------------*/

	/*	 INTRO CONTENT

	/*------------------------------------------*/

	

	#intro_content {padding-top: 160px; padding-bottom: 120px;text-align: center; }

	#intro h2 {	font-size: 60px; line-height: 70px; padding: 0 8%;}

	#intro h3 {	font-size: 30px; }

	.intro_text p {	padding: 0 15%; }

	

	/*------------------------------------------*/

	/*	 INTRO BUTTONS

	/*------------------------------------------*/



	.intro_buttons .btn-theme {font-size: 16px; padding: 8px 16px;}

		

	/*------------------------------------------*/

	/*	 Circle Progress Bars

	/*------------------------------------------*/



	#skills {padding-bottom: 20px;}

	#skills .col-sm-3 { margin-bottom: 60px;}

	

	/*------------------------------------------*/

	/*	  STATISTIC BLOCK

	/*------------------------------------------*/ 



	.statistic-number {font-size: 60px; line-height: 55px; }

	.statistic-text {font-size: 18px;}

	

	/*------------------------------------------*/

	/*	 Portfolio Overlay Content 

	/*------------------------------------------*/

	

	.portfolio-item:hover .overlay-content { bottom: 38%; }

	

	/*------------------------------------------*/

	/*	 PROMO LINE CONTENT

	/*------------------------------------------*/  



	#promo_line h2 {font-size: 30px;line-height: 36px;}

	#promo_line p {font-size: 16px;line-height: 30px;}

	

	/*------------------------------------------*/

	/*	  TESTIMONIALS

	/*------------------------------------------*/ 



	.testimonial { padding: 0 10%; margin-bottom: 30px;}

	

	/*------------------------------------------*/

	/*	 NEWSLETTER

	/*------------------------------------------*/



	#newsletter_form {width: 85%;}

	

	/*------------------------------------------*/

	/*	  Newsletter Form Input

	/*------------------------------------------*/



	#newsletter form input[type="email"] {	width: 65%;}

	#newsletter form input[type="submit"] {width: 34%;}



	.slide-title{
	
		font-size:25px;
	}
	
	.slide-description{
	
		font-size:16px;
		line-height:normal;
	}
	
}





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



	.custom-next,

	.custom-prev{

		font-size:35px !important;

		top:30% !important;

	}

	.custom-prev{

		left:0px !important;

	}

	.custom-next{

		right:0px !important;

	}



	/*------------------------------------------*/

	/*	 INTRO CONTENT

	/*------------------------------------------*/

	

	#intro_content {padding-top: 150px; padding-bottom: 100px; }

	#intro h2 {	font-size: 55px; line-height: 65px; padding: 0 5%;}

	#intro h3 {	font-size: 28px; }

	.intro_text p {	font-size: 16px; padding: 0 12%;}

	

	/*------------------------------------------*/

	/*	  Service Box

	/*------------------------------------------*/



	.service-box h4 {font-size: 18px;}

	.service-box p {font-size: 14px; line-height: 24px;}

	

	/*------------------------------------------*/

	/*	  FEATURE BOX TEXT

	/*------------------------------------------*/



	.features-text p {font-size: 14px; line-height: 22px;}

	

	/*------------------------------------------*/

	/*	TABS

	/*------------------------------------------*/



	.nav-tabs > li > a {font-size: 20px;}



	/*------------------------------------------*/

	/*	Tab Description

	/*------------------------------------------*/



	.tab-content > .tab-pane p {font-size: 14px; line-height: 24px;}

		

	/*------------------------------------------*/

	/*	Panel Title

	/*------------------------------------------*/



	.panel-title {font-size: 18px;}

	

	/*------------------------------------------*/

	/*	Panel Title Icon

	/*------------------------------------------*/



	.panel-title i {font-size: 24px;}



	/*------------------------------------------*/

	/*	Panel Content 

	/*------------------------------------------*/



	.panel-body {font-size: 14px;line-height: 24px;}

	

	/*------------------------------------------*/

	/*	  Team Member

	/*------------------------------------------*/

	

	.team_members_wrapper .col-xs-6 { width: 100%; float: none !important;  }

	.team-img-meta p {padding: 0 10%;}

	

	/*------------------------------------------*/

	/*	 Pricing

	/*------------------------------------------*/

	

	.price-row .col-xs-6 { width: 100%; float: none !important; }

	.pricing-table {margin: 0 40px;}



	/*------------------------------------------*/

	/*	  STATISTIC BLOCK

	/*------------------------------------------*/ 



	.statistic-number {font-size: 50px; line-height: 50px; }

	.statistic-text {font-size: 18px;}

	

	/*------------------------------------------*/

	/*	 TIMELINE ITEM 

	/*------------------------------------------*/

	

	.timeline-item-content {font-size: 14px;line-height: 24px;}

	

	/*------------------------------------------*/

	/*	  TESTIMONIALS

	/*------------------------------------------*/ 



	.testimonial { padding: 0 5%;}

	

	/*------------------------------------------*/

	/*	 PROMO LINE CONTENT

	/*------------------------------------------*/  



	#promo_line h2 {font-size: 24px;line-height: 30px;}

	#promo_line p {font-size: 14px;line-height: 24px;}

	

	/*------------------------------------------*/

	/*	  NEWSLETTER

	/*------------------------------------------*/ 

	

	#newsletter p {font-size: 14px;line-height: 24px;}

	

	/*------------------------------------------*/

	/*	  Newsletter Form Input

	/*------------------------------------------*/



	#newsletter form input[type="email"] {width: 65%; padding: 10px 15px;}

	#newsletter form input[type="submit"] {width: 34%; padding: 10px 15px;}

		

	

}





@media (max-width: 480px) {



	.custom-next,

	.custom-prev{

		font-size:35px !important;

		top:25% !important;

	}

	.custom-prev{

		left:23px !important;

	}

	.custom-next{

		right:23px !important;

	}



	#stlChanger {display: none;}



	/*------------------------------------------*/

	/*	 Section Titlebar

	/*------------------------------------------*/



	.titlebar h2 {font-size: 30px;}

	.titlebar h3 {font-size: 20px;}

	.titlebar h2:after { width: 120px;}



	#services, #features, #about,  #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact { padding-left: 15px; padding-right: 15px; }

	

	/*------------------------------------------*/

	/*	 INTRO CONTENT

	/*------------------------------------------*/

	

	#intro_content {padding-top: 150px; padding-bottom: 100px; }

	#intro h2 {	font-size: 50px; line-height: 55px; padding: 0 5%;}

	#intro h3 {	font-size: 24px; margin-bottom: 20px; }

	.intro_text p {	font-size: 16px; padding: 0 5%;}

	

	/*------------------------------------------*/

	/*	 INTRO BUTTONS

	/*------------------------------------------*/

	

	.intro_buttons .btn-theme {font-size: 14px; padding: 7px 14px;}

	

	/*------------------------------------------*/

	/*	 Circle Progress Bars

	/*------------------------------------------*/



	#skills .col-sm-3 { width: 100%; float: none!important;}

	

	/*------------------------------------------*/

	/*	  Statistic Banner

	/*------------------------------------------*/ 

	

	#statistic_banner {padding-top: 80px; padding-bottom: 80px;}

	#statistic_banner .titlebar {margin-bottom: 30px;}

	.statistic-block {width: 100%; float: none; margin-top: 40px;}

	.statistic-number {font-size: 60px; line-height: 60px; }

	.statistic-text {font-size: 20px;}



	/*------------------------------------------*/

	/*	  Portfolio Item

	/*------------------------------------------*/

	

	.portfolio-item { width: 100%; float: none !important; }

	

	/*------------------------------------------*/

	/*	   Portfolio Button Settings

	/*------------------------------------------*/ 



	#gallery-filter .btn-group > .btn {font-size: 14px; margin: 0 3px 5px; padding: 5px 10px;}

	

	/*------------------------------------------*/

	/*	  Team Member Meta

	/*------------------------------------------*/



	.team-img-meta p {padding: 0;}

	

	/*------------------------------------------*/

	/*	 Our Clients

	/*------------------------------------------*/

	

	#clients {padding-bottom: 80px;}

	.customNavigation {display: none;}

	

	/*------------------------------------------*/

	/*	 PROMO LINE CONTENT

	/*------------------------------------------*/  



	#promo_line h2 {font-size: 20px;line-height: 24px;}

	#promo_line p {font-size: 14px;line-height: 20px;}

	

	/*------------------------------------------*/

	/*	  TESTIMONIALS

	/*------------------------------------------*/ 



	#testimonials h3 { font-size: 24px; line-height: 32px;}

	.testimonial { padding: 0;}

	

	/*------------------------------------------*/

	/*	  Newsletter Form Input

	/*------------------------------------------*/



	#newsletter form input[type="email"], 

	#newsletter form input[type="submit"] {	font-size: 14px;}

	

	/*------------------------------------------*/

	/*	 NEWSLETTER

	/*------------------------------------------*/



	#newsletter_form {width: 100%;}

	#newsletter h3 { font-size: 20px;}

	

	/*------------------------------------------*/

	/*	  Newsletter Form Input

	/*------------------------------------------*/



	#newsletter form input[type="email"] {	width: 65%;}

	#newsletter form input[type="submit"] {width: 34%;}

	

	/*------------------------------------------*/

	/*	 Contact Info

	/*------------------------------------------*/  

	

	.contact-info { width: 100%; float: none !important; }

	

	/*------------------------------------------*/

	/*	 Google Map

	/*------------------------------------------*/	

	

	.map-canvas { height: 400px;}



	

}





@media (max-width: 320px) {



	.custom-next,

	.custom-prev{

		font-size:35px !important;

		top:25% !important;

	}

	.custom-prev{

		left:23px !important;

	}

	.custom-next{

		right:23px !important;

	}



	/*------------------------------------------*/

	/*	 Theme Button

	/*------------------------------------------*/



	.btn-theme {font-size: 13px; padding: 6px 12px;}



	/*------------------------------------------*/

	/*	 Section Titlebar

	/*------------------------------------------*/



	.titlebar h2 {font-size: 28px; line-height: 34px;}

	.titlebar h3 {font-size: 35px; margin-top:60px;margin-bottom:0}

	.titlebar h2:after { width: 100px;}



	#services, #features, #about,  #about-1, #skills, #history, #team, #pricing, #blog, #contact-info, #testimonials, #contact { padding-left: 5px; padding-right: 5px; }

	

	/*------------------------------------------*/

	/*	 INTRO CONTENT

	/*------------------------------------------*/

	

	#intro_content {padding-top: 130px; padding-bottom: 80px; }

	#intro h2 {	font-size: 32px; line-height: 42px; margin-bottom: 5px; padding: 0;}

	#intro h3 {	font-size: 16px; margin-bottom: 20px; }

	.intro_text p {	font-size: 14px; line-height: 22px; padding: 0;}

	

	/*------------------------------------------*/

	/*	 INTRO BUTTONS

	/*------------------------------------------*/

	

	.intro_buttons .btn-theme {margin-bottom: 15px;}

	

	/*------------------------------------------*/

	/*	 INTRO IMAGE  

	/*------------------------------------------*/



	#intro_image img { margin-top: 0;}

	

	/*------------------------------------------*/

	/*	  Service Box Buttons

	/*------------------------------------------*/



	#service-buttons a {margin-bottom: 10px;}

	

	/*------------------------------------------*/

	/*	TABS

	/*------------------------------------------*/



	.nav-tabs > li > a {font-size: 16px;}

	

	/*------------------------------------------*/

	/*	  Statistic Banner

	/*------------------------------------------*/ 

	.statistic-number {font-size: 40px; line-height: 30px; }

	.statistic-text {font-size: 18px;}

	

	/*------------------------------------------*/

	/*	 Pricing

	/*------------------------------------------*/

	

	.pricing-table {margin: 0;}

	

		/*------------------------------------------*/

	/*	 PROMO LINE CONTENT

	/*------------------------------------------*/  



	#promo_line a {margin-bottom: 10px;}

	#promo_line p {font-size: 14px;line-height: 20px;}

	

	/*------------------------------------------*/

	/*	  NEWSLETTER

	/*------------------------------------------*/

	

	#newsletter h3 {font-size: 16px; line-height: 22px;}

	#newsletter p {font-size: 14px;line-height: 20px;}

	

	/*------------------------------------------*/

	/*	  Newsletter Form Input

	/*------------------------------------------*/

	

	#newsletter form input[type="email"] {width: 100%; font-size: 14px; margin-bottom: 10px;}

	#newsletter form input[type="submit"] {width: 100%; font-size: 14px;}	

	.message {font-size: 16px;}

	

	#footer_copyright p {line-height: 24px;}



	

}