/*-----------------------------------------
---------- RESPONSIVE ---------------------
-------------------------------------------*/

@media only screen and (min-width : 4001px) and (max-width : 7000px) {
.loginpanel {margin-top:-3% !important;}	
}

@media only screen and (min-width : 1921px) and (max-width : 4000px) {
.loginpanel {margin-top:-5% !important;}	
}

/* Main COntainer */
@media (min-width:1300px){
	.container{width:1230px}
	.news_area.first_news_area{
		margin-top: -280px;
	}
}

/* Medium desktop */
@media only screen and (min-width : 1041px){
	/* Gallery */	
    .mix {
        width: 20%;
    }
}

@media only screen and (max-width : 1110px){
	/* Gallery */	
    form#mc-embedded-subscribe-form {
	float: none !important;
	position: relative;
	margin-top: 23px;
	}
	#subscribe .subscribe-box .form-group input {
	width: 100%;
	}
	#subscribe .navbar-form .form-group {
	display: block;
	}
	#subscribe h2{
	float: none;
	}
	.social-footer {
position: static;
text-align: left;
}
}

@media only screen and (min-width : 1025px) and (max-width : 1367px) {
.loginpanel {margin-top:-16% !important;}
}
@media only screen and (min-width : 1025px) and (max-width : 1041px) {
	.loginpanel {top:14% !important;}
}
/* Small desktop / ipad view*/
@media only screen and (min-width : 769px) and (max-width : 1040px) {
	/* Header */
	#main_menu .navbar-nav > li {
		padding-right: 25px;
	}	
	/* Gallery */
    .mix {
        width: 25%;
    }
	/* Blog */
	.blog_post_item_img iframe{
		max-width: 100%;
		min-width: 100%;
	}
	.sidebar_widget{
		margin-left: 0px;
	}
	.sidebar_widget:first-child{
		margin-top: 50px;
	}
	.carousel-content {padding-top:0px;}
	.loginpanel .form-inline {width:90%;}
	.loginpanel input.email, .loginpanel input.pwd {min-width:40%;}
	.loginpanel {width:100%; position:absolute; top:18%;}
	.carousel-inner {height:580px !important;}
	img.formula_image {width:100%;}
	.top-lang {width:130px;}
	.new-accountbtn {margin-right:170px;}
	.pricing_table_holder {padding-right:0px; padding-left:0px;}
	section#pricing {padding-bottom:0px;}
	section#contact {padding-top:20px; padding-bottom:0px;}
	.pricing_table_holder .col-lg-6 {margin:0 auto;}
}
@media only screen and (min-width : 768px) and (max-width : 899px) {
	.top-lang {width:90px !important;}
	.loginpanel {margin-top:-33% !important;}
	.pricing_table_holder {padding-right:0px; padding-left:0px;}
	section#pricing {padding-bottom:0px;}
	section#contact {padding-top:20px; padding-bottom:0px;}
	.loginpanel input.email, .loginpanel input.pwd {min-width:41% !important;}
	.navbar-collapse {background:none !important; margin-top:0px !important;}
	.mwrd-header-logo {left:0px !important;}
	.navbar-nav {float:right;}
	.main-menu {margin-right:0px !important;}
}
@media only screen and (min-width : 900px) and (max-width : 1024px) {
	.business_about_item_left_img {width:90%;}
	.navbar-collapse {background:none !important; margin-top:0px !important;}
	.mwrd-header-logo {left:0px !important;}
	.navbar-nav {float:right;}
	.main-menu {margin-right:0px !important;}
}
@media only screen and (min-width : 481px) and (max-width : 768px) {
	/* Gallery */
    .mix {
        width: 90%;
    }
	.navbar-collapse {background:rgba(0,0,0, 0.8); padding:10px; margin-top:10px; border-radius:10px;}
	.open > .dropdown-menu, ul.dropdown-menu {width:100% !important; background:none !important;}
	ul.dropdown-menu {display:block !important; position:relative !important;}
	.top-lang {width:100%;}
	.top-header-lang .dropdown-menu a {color:#fff !important; text-align:center;}
	.top-header-lang .dropdown-menu a:hover {color:#fff !important; background:none !important;}
	.my-form {z-index:1;}
	.top_fixed_head .navbar-collapse {background:none !important;}
	.top_fixed_head ul.dropdown-menu {box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2) !important; border:0px !important;}
	.top_fixed_head .top-header-lang .dropdown-menu a {color:#333 !important;}
	.business_about_item_left_img {position:relative; top:0px;}
	.business_about_item
	#formula {padding-top:0px !important; padding-bottom:0px !important;}
	.carousel-content {padding:0px 0 20px !important;}
	.business_carousel .carousel-content h2 {font-size:27px; margin-bottom:10px;}
	.business_carousel .carousel-content h1 {font-size:36px; margin-bottom:0px; padding:18px 20px 0px 20px;}
	.business_carousel .carousel-content h4 {font-size:17px; padding:0px;}
    .loginpanel {
        width: 100%;
        margin: 0% auto !important;
        position: absolute;
        top: -33%;
    }
	.loginpanel .form-inline {width:91%;}
	.loginpanel input.email, .loginpanel input.pwd {min-width:38%; margin-top:10px;}
	.loginpanel span.forget-pass {width:89%;}
	/*.business_carousel.carousel, .business_carousel .carousel-inner > .item {min-height:380px !important; max-height:380px !important;}*/
	img.formula_image {width:100%;}
	h2.section_title {font-size:28px;}
	.videopanel iframe {width:100%; height:300px;}
	.loginpanel .btn {width:100%; margin-top:10px;}
	.new-accountbtn {width:90% !important; margin-left:10px; margin-right:10px; float:none !important; margin:0 auto; display:block;}
	.business_carousel.carousel, .business_carousel .carousel-inner > .item {min-height:650px !important; max-height:650px !important;}
	.mwrd-header-logo {position:absolute; left:20%; top:0px; z-index:9;}
	.navbar-toggler {position:absolute; right:10%; top:10px;}
	.collapse.in, .navbar-collapse {margin-top:8%;}
	.carousel-content {margin-top:15% !important;}
	.formula_holder .icon img {width:5em !important;}
	.top_fixed_head .mwrd-header-logo {background:none;}
}

/* Smartphone view */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	/* Theme Element */
	h2.section_title{
		line-height: 28px;
	}
	h2.section_title {font-size:28px;}

	/* Header & navigation */
	.logo {
	  display: inline-block;
	  float: left;
	  position: static;
	}
	#header .navbar-default {
	  display: inline-block;
	  float: right;
	}
	.navbar-default .navbar-toggle {
	  margin-right: 0;
	  margin-top: 25px;
	}
	#main_menu .navbar-nav {
	  display: inline-block;
	  float: none;
	  margin-left: 0;
	  text-align: right;
	}
	#main_menu .navbar-nav > li {
	  float: none;
	  padding-right: 0;
	  text-align: right;
	}
	#header2 .navbar-default {
	  display: inline-block;
	  float: right;
	}
	.navbar-default .navbar-toggle {
	  margin-right: 0;
	  margin-top: 25px;
	}
	.logo2 {
		margin: 0 auto;
		display: block;
	}
	#main_menu2 .navbar-nav {
	  display: inline-block;
	  float: none;
	  margin-left: 0;
	  text-align: right;
	}
	#main_menu2 ul li.contact_menu,
	#main_menu2 .navbar-nav > li{
	  float: none;
	  padding-right: 0;
	  margin-right: 0;
	  text-align: right;
	  background: transparent;
	}
	.navbar-nav {
		margin: 0;
	}
	#main_menu2 ul li.contact_menu a:hover,
	#main_menu2 ul li.contact_menu a{
		color: #686e7c;
	}
	/* Slider */
	.carousel-content {
	  padding: 70px 0 20px !important;
	}
	.carousel, .carousel-inner > .item {
	  max-height: 350px;
	  min-height: 350px;
	}
	.carousel-content h1 {
	  font-size: 20px;
	}
	
	/* Top Blog */
	section#main_feature:before{
		background: transparent;
	}
	.top_blog > div {
	  margin-bottom: 30px;
	}
	.top_blog > div.top_blog_item_content.img_right:before,
	.top_blog > div.top_blog_item_content.img_top:before,
	.top_blog > div.top_blog_item_content.img_left:before{
		display: none;
	}
	.news_area.first_news_area{
		margin-top: 0px;
	}
	ul.image_list li:nth-last-child(3n+2),
	ul.image_list li:last-child,
	ul.image_list li{
		margin-bottom: 15px;
	}
	
	/* Feature */
	.feature_item{
		margin-bottom: 30px;
	}
	.business_about_item {
		padding-top: 100px;
	}
	
	/* Formula */
	ul.formula_content_left li:before,
	ul.formula_content_right li:before,
	ul.formula_content_left li:after,
	ul.formula_content_right li:after{
		display: none;
	}
	
	/* Fun Facts */
	.facts_item{
		margin-bottom: 30px;
	}
	
	/* Gallery */
    .mix {
        width: 100%;
    }
	ul.gallery_filter li {
	  margin-bottom: 10px;
	}
	
	/* Service */
	.services_item {
	  margin-bottom: 30px;
	}
	
	/* Pricing Table */
	.pricing_item{
		margin-bottom: 30px;
	}
	
	/* Team */
	.team_item{
		margin-bottom: 30px;
	}
	
	/* Main Blog Update */
	.blog_body_item ul.blog_item_tags li{
		margin-bottom: 5px;
	}
	
	/* Client Testimonial */
	.client_testimonial {
	  margin-bottom: 30px;
	}
	
	/* Partner Logo */
	ul.partner_logo {
	  text-align: center;
	}
	ul.partner_logo li:first-child {
	  padding-left: 65px;
	}
	ul.partner_logo li:last-child{
		padding-right: 65px;
	}
	ul.partner_logo li {
	  float: none;
	  margin-bottom: 15px;
	  padding: 0 65px;
	}
	
	/* Contact Form */
	.have_marker:before,
	.have_marker:after{
		display: none;
	}
	
	/* Bottom Area */
	.bottom_area_colum_1,
	.bottom_area_colum_2,
	.bottom_area_colum_3,
	.bottom_area_colum_4{
		margin-bottom: 30px;
	}
	.loginpanel input.email, .loginpanel input.pwd {width:100%; min-width:100%;}
	.loginpanel .form-inline {width:100%;}
	.loginpanel {width:100%; padding-left:10%; padding-right:10%;}
	.loginpanel input.email {margin-bottom:5px !important;}
	.business_carousel .carousel-content h4 {padding:0px; font-size:18px;}
	.business_carousel .carousel-content h1 {font-size:34px; padding-bottom:0px;}
	.business_carousel .carousel-content h2 {font-size:30px; margin-bottom:20px;}
	.loginpanel .btn {margin-top:10px; width:100%;}
	.navbar-collapse {background:rgba(0,0,0, 0.8); padding:10px; margin-top:10px; border-radius:10px;}
	.open > .dropdown-menu, ul.dropdown-menu {width:100% !important; background:none !important;}
	ul.dropdown-menu {display:block !important; position:relative !important;}
	.top-lang {width:100%;}
	.top-header-lang .dropdown-menu a {color:#fff !important; text-align:center;}
	.top-header-lang .dropdown-menu a:hover {color:#fff !important; background:none !important;}
	.my-form {z-index:1;}
	.top_fixed_head .navbar-collapse {background:none !important;}
	.top_fixed_head ul.dropdown-menu {box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2) !important; border:0px !important;}
	.top_fixed_head .top-header-lang .dropdown-menu a {color:#333 !important;}
	.business_about_item_left_img {position:relative; top:0px;}
	.business_about_item
	#formula {padding-top:0px !important; padding-bottom:0px !important;}
	.videopanel iframe {width:100%; height:200px;}
	.reveal-modal {width:97% !important;}
	.collapse.in, .navbar-collapse {margin-top:16%;}
	.carousel-content {margin-top:5% !important;}
}