@media (min-width: 1200px) {
	.mainBody{width:1100px;margin:0px auto}
	.navbar-inner{padding:0px !important;}
	.dropdown-menu li:hover{width:100%;}
	.nav li{width:200px;}
	.latest_pro .span4 {margin: 0px;padding: 0px;width: 33.3%;padding:10px;}
	.latest_pro .span4 .thumbnail{padding: 0px;border-radius:0;}
	.latest_pimg img{width:311px; padding: 0px;
    border: 3px solid #757575;}
	.carouselclientsmobile{display:none;}
	.menu_mob1{visibility: hidden;padding-top: 1px;}
	.menu_mob2{visibility: hidden;padding-top: 1px;display:none;}
}

/********************** Media  1000px - 1024px ***********************/

@media only screen and (min-width: 1000px) and (max-width: 1024px){
.maincontent{overflow:hidden;}
.mainheader2{overflow:hidden;}
.carouselclientsmobile{visibility:hidden;display:none;}
.carouselclients .span12{width:99%;}
#myTab li {padding: 0px 6px;}
#myTab li a:hover {margin: 0px -8px;padding: 10px 9px;}

}


@media only screen and (max-width: 980px){
.main1{padding-bottom:0px;}
.mainBody2 {
width: 100% !important;
padding: 0px !important;
border: 0px !important;
}
.carouselclientsmobile {
display: block;
width: 96%;
float: none;
margin: 0;

}
.carouselclients{display:none;}
.navbar-inverse .nav-collapse .nav > li > a:hover{background-color:transparent!important;}
.all_features:hover{padding-bottom:1px;}
.top_menu{visibility:hidden;}
.fullpage_footer{height:42px;}

.page_titles h1 {font-size: 33px;color: #fff;}
.int_text {font-size: 18px;margin-top: 6px;}
.page_links {font-size: 16px;margin: 14px 0px;}
.member_area{margin-top:60px;}
.newsdate {margin-left:5px;}
.breadcrumbs {padding: 0px 0px 0px 0px;}
.blanks{display:none !important;}
.blogsingle {padding-top: 30px;}
.blogsingle .news_info {width: 72%;}
.blogheadline{font-size:28px;}
}

@media (max-width: 767px) {
	body{padding-right: 0px !important;padding-left: 0px  !important;}
	.logo{margin-top:10px; margin-bottom: 10px;}
	.navbar-inverse .nav-collapse .dropdown-menu a {color: #fff;}
	
		.mobile-two 
	{
		width: 50% !important;
		padding: 0 10px;
		float: left !important;
	}
	.mainheader2 {
width: 100%;
background: #ef7945;
height: 100%;
margin-top: 0px;
border-top: 3px solid #fff;
}
.mainheader2  .top_menu {display: none;}
.port_project2 .latest_pimg .da-thumbs li article {height: 269px;}
#myTab li {padding: 0px 8px;}
#myTab li a:hover {margin: 0px -8px;padding: 10px 9px;}
.port_2column .da-thumbs .mix article{visibility:hidden;}
.main_latestpro3 .da-thumbs .span4{width:50%;}
.fullpage_footer{height:42px;}
.blogpost1 {padding-top: 25px;float:left;}
.blogpost1 h1{font-size:18px;}
}


/********************** Media  600px - 768px ***********************/

@media only screen and (min-width: 600px) and (max-width: 768px){
.latest_pimg .da-thumbs li article {height: 269px;}
#myTab li {background: #63686b;margin: 0 3px;padding: 0px 8px;}
.companyStrat1_text{width: 43% !important;float: left !important;}
.companyStrat1_img{width: 10% !important;float: left !important;margin: 0px 7px !important;}
.homeskills{width: 40% !important;float: left !important;}
.mainheader2 {width: 100%;background: #ef7945;height: 100%;margin-top: 0px;border-top: 3px solid #fff;}
.top_menu {display: none;}
.mainheader2 .top_menu {display: none;}
.main2pro .latest_pimg .da-thumbs li article {height: 100%;}
.footer {padding: 11px 0px;}
	.footerlogo {margin-bottom: 10px;}
	.footer h3 {margin: 0px;}
	.footer_text1 {padding-left: 23px;}
	.recentPost ul {padding-left:20px;}
	.recentPost li {padding:6px 0px;}
	.contactInfo address {padding-top: 0px;padding-left: 20px;}
	.socialIcons{margin-top: 8px;padding-left: 8px;}
	.shortLink {padding-top: 9px;}
	.companyStrat1_img{display:none !important;}
	.companyStrat1_text{margin-right: 20px !important;}
	.fullpage_footer{height:42px;}
	.top_member .img_hover, .all_member .img_hover {width: 50%;margin: 0px auto;padding: 0px;}
	
	.blogimage1 {width: 99%;height: 236px;}
.Tags {padding-left: 15px;}
.form-search {width: 92%;margin-left: 10px;}
.form-search input {width: 98%;}
.accordions {width: 96%;margin: 4px 6px 4px 10px;}
.blog_recentTweets {padding: 0px 10px;width: 96%;margin: 0 auto;}
.BlogCatName {width: 100%;margin: 0 auto;}
.PopularPost {width: 100%;margin: 0 auto;}
.BlogCatName {width: 100%;margin: 0 auto;clear: both;padding: 0px;}
.RecentPosts, .Comments {width: 96%;margin: 0 auto;}
.tweets_text {float: left;width: 95%;}

.controls {width: 100%;margin: 0px auto;margin-top: 30px;}


.portfolio-4cols .da-thumbs .mix article{visibility:hidden;}
.image-gallery .img_hover .img-overlay .plus i {top: 58px;font-size: 16px;padding: 0px;}
.image-gallery .img_hover .img-overlay .plus {margin-left: -6px;}
.port_2column .da-thumbs .mix article{visibility:hidden;}
.blogpost1 {padding-top: 25px;float:left;}
.blogpost1 h1{font-size:18px;}
}
/* hover images */

@media only screen and (max-width: 600px){
.companyStrat1_img{display:none !important;}
.main_latestpro3 .da-thumbs .span4{width: 50%;}

.top_member{padding-top: 10px;margin-top: 11px;}
.all_member {padding-top: 21px;}
.top_member .img_hover,.all_member .img_hover{width: 50%;margin: 0px auto;padding: 0px;}
.member_area{margin-top:0px;padding-top:15px;clear:both;}
.img_hover .img-overlay .plus {margin-left: 38%;}
.team_member {margin:0px;}
.team_member h2 {padding: 0px 5px;font-size: 28px;text-align: center;}

.news_info {padding-left: 0px;width: 100%;}
.tweets_text {float: left;width: 91%;}
.blog_recentTweets{margin-left: 10px;}
.BlogCatName {margin-left: 0px;}
.Tags {margin-left:10px;}
.accordions {width: 96%;margin-left:10px;}
.port_2column .da-thumbs .mix article{visibility:hidden;}



.portfolio-4cols .da-thumbs .mix article{visibility:hidden;}
.image-gallery .img_hover .img-overlay .plus i {top: 50px;font-size: 16px;padding: 0px;}
.image-gallery .img_hover .img-overlay .plus {margin-left: -6px;}
.servicelist {list-style: none;margin-top:2px;}
.servicelist li{list-style:inside;margin:0px 0px 2px 15px;font-size: 13px;color: #0c0c0c;}
.blogpost1 {padding-top: 25px;float:left;}
.blogpost1 h1{font-size:18px;}
}


@media only screen and (min-width: 500px) and (max-width: 568px){
.prices1:hover {width: 229px;margin-left: 1px;}
.mobile-two {width: 47% !important;}
.latest_pimg .da-thumbs li article {height: 77%!important;}
.main_latestpro3 .span4 {width: 55% !important;}
.prices_plans {padding: 10px 0px;}
.fullpage_footer{height:42px;}

.portfolio-4cols .da-thumbs .mix article{visibility:hidden;}
.blogpost1 {padding-top: 25px;float:left;}
.blogpost1 h1{font-size:18px;}
}


@media(max-width: 568px){
.port_2column .da-thumbs .mix article{visibility:hidden;}
.latest_pimg .da-thumbs li article {height: 236px;}
.GetTutor h4{line-height:35px;}
/* home 1*/
	.Titles {font-size: 28px;}
	.Titles_text {font-size: 17px;}
	.homeBlog .news_info {width: 75%;}
	.latest_project1 {margin-top: 25px;margin-bottom: 26px;}
	.latest_project1 h2 {font-size: 30px;}
	.latest_project1 p {font-size: 17px;}
	.all_features {width: 90% !important;margin: 0px auto !important;padding-top: 1px; padding-bottom:8px;}
	.all_features p {margin-top: 13px;margin-bottom: 13px;}
	.services_home {margin-top: 10px;margin-bottom: 15px;}
	.accordingT {margin-top: 25px;}
	.Our_Skills {margin-top: 28px;}
	.GetTutor {padding: 2px 0px 6px 0px;}
	.GetTutor h4{padding: 0px 8px;font-size: 20px;}
	.GetTutor p {margin-top: 9px;}
	.recent_tab {margin-top: 10px;}
	.homeBlog {margin-top: 14px;}
	.recentBlogs {margin-bottom: 10px;}
	.home_tab {margin-top: 26px;}
	.accordion{font-size:15px;}
	.progressbar p {padding: 3px 9px;font-size: 18px;}
	.greatful_client {margin-top: 8px;}
	.TwitterNews p {font-size: 14px;}
	
	
	.footer {padding: 11px 0px;}
	.footerlogo {margin-bottom: 10px;}
	.footer h3 {margin: 0px;}
	.footer_text1 {padding-left: 23px;}
	.recentPost ul {padding-left:20px;}
	.recentPost li {padding:6px 0px;}
	.contactInfo address {padding-top: 0px;padding-left: 20px;}
	.socialIcons{margin-top: 8px;padding-left: 8px;}
	.shortLink {padding-top: 9px;}
	.blogpost1 {padding-top: 15px;float:left;}
.blogpost1 h1{font-size:18px; margin:2px;}
/* home 1 end*/
/* home 2 start*/
.blankspan{display:none !important;}
.mainheader2 {
width: 100%;
background: #ef7945;
height: 100%;
margin-top: 0px;
border-top: 3px solid #fff;
}
.main2pro .latest_pimg .da-thumbs li article {
height: 100%!important;
}
.top_menu {display: none;}
.main2 .jcarousel-skin-tango-clients .jcarousel-prev-horizontal {left: 0px;}
.main2 .jcarousel-skin-tango-clients .jcarousel-next-horizontal {right: 2px;}
.TutorText2 {font-size: 18px;line-height: 29px;padding: 3px;}
.GetTutor_2 p {margin-bottom: 0px;}
.GetTutor_2 {padding: 15px 0;}
.port_project2 {margin-bottom: 25px;}
.companyStrat1 {margin-top: 5px;}
.companyStrat {margin-top: 5px;}
.companyStrat h2 {font-size: 28px;}
.companyStrat p {font-size: 18px;}
.companyStrat1_img{visibility:hidden;display:none !important;}
/* home 2 end*/
#myTab li {padding: 0px 6px;}
#myTab li:hover {background:#f5f5f5;}
.jcarousel-skin-tango-clients .jcarousel-prev-horizontal{top:9px;}
.jcarousel-skin-tango-clients .jcarousel-next-horizontal{top:9px;right:0px;}
.TwitterNews p{line-height: 22px;}
.footer .span3 .socialIcons h3 {float:left !important;}
.footer .span3 .socialIcons .copyright {float:left !important;}

/*** Home 3***/
 .progress_box1,.progress_box2,.progress_box3,.progress_box4{margin: 0px auto;}
 .bigbanner1 {padding:0px;}
 #mycarousel_fet2 li:hover .titles, #mycarousel_fet2 li:hover h4 {
color: #ef7945;}
.mainfeature3 #mycarousel_fet2 p,.mainfeature3 #mycarousel_fet2 h3 ,
#mycarousel_fet2 a{color:#63686b;}
.bigbanner {padding: 10px 0;}
.bigbanner1 {width: 100%;padding-left: 10px;}
.bigbanner1 {font-size: 18px;}
.projects {margin-top: 12px;}

.main_latestpro .latest_pro .span4 {width: 98%;margin:0px auto;margin-top:30px; padding:15px;}
.projects .Titles_text {margin-bottom: 9px;}
.projects_btn {margin-bottom: 20px;margin-top: 22px;}

.progress_says {margin-top: 0px;}
.progress_round {margin-top: 27px;}
.progress_round .span3{margin-bottom:15px;}
.pricetable {padding-top: 12px;}



.prices1 {margin: 42px 0;}
.prices_plans {padding: 10px 0px;}
.prices_plans h2 {
font-size: 30px;
margin: 0px;
padding: 0px;
}
.prices_plans p {
font-size: 18px;
margin: 0px;
padding: 0px;
}
.prices_rate {
background-color: #ef7945;
padding: 7px 0;
color: #fff;
}
.prices_rate h2 {
font-size: 30px;
padding-left: 9px;
}
.prices_rate h2 sup {
font-size: 16px;
top: -16px;
margin-left: 17px;
}
.prices_rate h2 sub {
left: -41px;
font-size: 21px;
top: 9px;
}
.pricelist {
list-style: none;
margin-top: 37px;
}
.pricelist li {
list-style: none;
margin: 0px 0px 11px 5px;
font-size: 14px;
color: #606772;
}

.maincontent{overflow: hidden;}
.bounce_page4 {height: 238px}
.bounce_page4 ul li {height: 238px;}
.fullpage_footer{height:42px;}

.img_hover .img-overlay .plus {margin-left: 43%;}
.blogpost1 .news_info {width: 100%;}
.blogimage1 {height: 200px;}
.Tags {padding-left: 15px;}
.form-search {width: 95%;margin-left: 10px;}
.accordions {width: 96%;margin: 4px 6px 4px 10px;}
.blog_recentTweets {padding: 0px 10px;width: 96%;margin: 0 auto;}
.BlogCatName {width: 100%;margin: 0 auto;}
.PopularPost {width: 96%;margin: 0 auto;}
.BlogCatName {width: 100%;margin: 0 auto;clear: both;padding: 0px;}
.RecentPosts, .Comments {width: 96%;margin: 0 auto;}

.comments_div {width: 74%;padding-left: 10px;}
.find_ans{width:95%;}

.controls {width: 100%;margin: 0px auto;margin-top: 30px;}
.controls ul {height: 50px;margin: 0 auto;width: 100%;margin-bottom: 11px;}
.controls li {margin-left: 15px;font-size: 16px;}

.image-gallery .img_hover .img-overlay .plus i {top: 36px;font-size: 16px;padding: 0px;}
.image-gallery .img_hover .img-overlay .plus {margin-left: -6px;}

.port_2column .da-thumbs .mix article{visibility:hidden;}
.portfolio-4cols .da-thumbs .mix article{visibility:hidden;}
}

/************                 ********/
@media(min-width: 330px) and (max-width: 490px){
.maincontent{overflow:hidden;}
.latest_pimg .da-thumbs li article {height: 269px;}
#myTab li {padding: 0px 6px;}
#myTab li:hover {background:#f5f5f5;}
.jcarousel-skin-tango-clients .jcarousel-next-horizontal{top:20px;right:0px;}
.footer .span3 .socialIcons h3 {float:left !important;}
.footer .span3 .socialIcons .copyright {float:left !important;}
.main_latestpro3 .latest_pro .span4 img {width: 70%;}
.prices1:hover {width: 202px;margin-left: 1px;}
.prices1:hover .prices_plans {padding-top: 33px;}
.prices_rate h2 {padding-left: 42px;}
.pricelist {margin-top: 16px;padding-left: 28px;}

.fullpage_footer{height:42px;}

.blogimage1 {width: 100%;height: 150px;}
.blogpost1 .news_info {width: 100%;}
.blogimage1 {height: 200px;}
.Tags {padding-left: 15px;}
.form-search {width: 95%;margin-left: 10px;}
.accordions {width: 96%;margin: 4px 6px 4px 10px;}
.blog_recentTweets {padding: 0px 10px;width: 96%;margin: 0 auto;}
.BlogCatName {width: 100%;margin: 0 auto;}
.PopularPost {width: 96%;margin: 0 auto;}
.BlogCatName {width: 100%;margin: 0 auto;clear: both;padding: 0px;}
.RecentPosts, .Comments {width: 96%;margin: 0 auto;}
.tweets_text {float: left;width: 87%;}

.controls {width: 100%;margin: 0px auto;margin-top: 30px;}
.controls ul {height: 50px;margin: 0 auto;width: 100%;margin-bottom: 11px;}
.controls li {margin-left: 15px;font-size: 16px;}

.image-gallery .img_hover .img-overlay .plus i {top: 28px;font-size: 16px;padding: 0px;}
.image-gallery .img_hover .img-overlay .plus {margin-left: -6px;}
.portfolio-4cols .da-thumbs .mix article{visibility:hidden;}

}

@media(min-width: 240px) and (max-width: 320px){
.maincontent{overflow:hidden;}
.main_latestpro3 .latest_pro .span4 {width: 81%;margin: 0px auto;margin-top: 30px;}
.main_latestpro3 li article .button_black2 {margin:70px 3px 0px 4px;width: 42%;padding: 6px 2px;}

.prices_btn {width: 81%;margin: 0 auto;}
.chooseplan {width: 102px;padding: 4px 4px;font-size: 11px;}
.prices1:hover .chooseplan {width: 112px;font-size: 13px;}
.prices1:hover {width: 139px;}
.prices1:hover .prices_plans {padding-top: 29px;}
.bounce_page4 {height: 238px !important;}
.bounce_page4 ul li {height: 238px !important;}

.fullpage_footer{height:42px;}
.blogimage1 {width: 100%;height: 150px;}
.blogpost1 .news_info{width:100%;}
.blogpost1 h2 {font-size: 28px;}
.BlogCatName {padding-top: 0px;padding-left: 0px;}
.Tags {padding-left: 15px;}
.form-search {width: 95%;margin-left: 10px;}
.accordions {width: 92%;margin: 4px 6px 4px 10px;}
.blog_recentTweets {padding: 0px 10px;width: 94%;margin: 0 auto;}
.BlogCatName {width: 100%;margin: 0 auto;}
.PopularPost {width: 96%;margin: 0 auto;}
.PopularPost1 {margin-left: 7px;float: left;margin-bottom: 6px;}
.postImg {width: 60px;height: 60px;background-size: 100% 100%;margin-right: 7px;float: left;}

.tweets_text {float: left;width: 83%;}
/* single page*/
.post_navigation {margin-bottom: 0px;margin-left:0px;}
.post_navigation .article_pag{width: 43% !important;float: left !important;margin-right:10px;}
.post_navigation h3 {font-size: 14px;padding:0px;margin: 0px;}
.comments h3{margin:0px;}
.comments_box {margin:0px;}
.comments_img img {width: 78px;height: 76px;background-size: 100% 100%;}
.comments_img {width: 20%;padding: 20px 0 0 0;}
.comments_div {width: 74%;padding-left: 6px;}
.commenter_name h3{margin-top:10px;}
.commenter_date {padding: 0px 0 0 15px;}
.comment3 .comments_div {width: 72%;}
.comments_field{width:95%;}
.homeBlog .news_info {width: 72%;}

.page_titles {margin-top: 0px;}
.page_titles h1{font-size:26px;}
.controls {width: 100%;margin: 0px auto;margin-top: 30px;}
.controls ul {height: 50px;margin: 0 auto;width: 100%;margin-bottom: 11px;}
.controls li {margin-left: 15px;font-size: 16px;}

.image-gallery .img_hover .img-overlay .plus i {top: 19px;font-size: 16px;padding: 0px;}
.image-gallery .img_hover .img-overlay .plus {margin-left: -6px;}

/* 2 columns */
.port_2column .da-thumbs .mix article {height: 47%;}
.port_2column .da-thumbs .mix img {width: 100% !important;}
.port_2column .da-thumbs  .mix h3 {font-size: 14px;margin: 0px;}
.port_2column .da-thumbs  .mix h4 {font-size: 11px;margin: 0px;}

.port_2column .da-thumbs .mix article{visibility:hidden;}
.portfolio-4cols .da-thumbs .mix article{visibility:hidden;}
}


/********************** Media 240 ***********************/
@media(max-width: 240px){
.mainBody {padding: 0 12px;}
.homeBlog .news_info {width: 62% !important;}
.latest_pimg .da-thumbs li article {height: 169px !important;}
.latest_pimg .da-thumbs li article p {margin-top: 75px;}
.latest_pro .button_black2 {margin-right: 10px;margin-top: 20px;margin-left: 10px;}
.mobile-two {width: 98% !important;}
.prices1:hover {width: 190px;}
.fullpage_footer{height:42px;}
.blogpost1 .news_info {width: 65%;padding-left: 8px;}
.blogpost1 h2 {font-size: 22px;}
.newsdate {margin-top: 12px;}
.recentNewsDate {width: 50px;height: 29px;padding-top:13px;font-size: 29px;}
.blogimage1 {height: 100px;}
.news_info  .button_yellow {padding: 0px 15px !important;}
.mob-layout .btn-menu{top: 76px;}
.menu_bar .mob-menu {margin-top: 10px;}
.BlogCatName {width: 94%;}
.accordions {width: 93%;margin: 4px 6px 4px 10px;}

.PopularPost1 {margin-left: 7px;float: left;margin-bottom: 6px;}
.postImg {width: 60px;height: 60px;background-size: 100% 100%;margin-right: 7px;float: left;}
.post_textdate {width: 47%;}
.form-search input {width: 79%;}
.tweets_text {width: 83%;}
.blog_pagination {margin-left: 10px;margin-bottom: 9px;}
.comments_div {width: 72%;padding-left: 10px;}
.comment3 {margin-left:0px;}
.comment3 .comments_div {width: 72%;padding-left: 10px;}
.blogsingle .news_info {width: 65%;}
.accordion {font-size: 12px;margin-top: 4px !important;}


.controls {width: 100%;margin: 0px auto;margin-top: 30px;}
.controls ul {height: 50px;margin: 0 auto;width: 100%;margin-bottom: 11px;}
.controls li {margin-left: 15px;font-size: 16px;}

.image-gallery .img_hover .img-overlay .plus i {top: 15px;font-size: 16px;padding: 0px;}
.image-gallery .img_hover .img-overlay .plus {margin-left: -6px;}
}
.menu_bar{text-align:right;
margin-top:20px;}
.wrap-left .menu {margin-left: 0px;}
.btn-menu {display: none;}
.menu, .submenu {position: relative;	z-index: 50;margin: 56px 0 0;padding: 0;list-style: none;}
.menu {display: inline-block;vertical-align: top;position: relative;margin: 0;text-align: right;	white-space: nowrap;}

.menu li {position: relative;text-align: left;}

.menu li.with-sub:hover:before {position: absolute;left: 10px;bottom: 0;content: '';display: block;width: 200px;height: 2px;z-index: 1;
background: #e34735;}

.menu li i {margin-right: 0px;color: #b9bebf;text-shadow: 0 1px 0 white;}

.menu a {display: block; position: relative;text-decoration: none;color: #646060;-webkit-transition: none;transition: none;}

.menu a.active {color: #000;}

.menu > li {display: inline-block;vertical-align: top;text-transform: uppercase;}

.menu > li:before, .menu a.active:before { 
	content: '';
	display: block;
	height: 0;

	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;

	z-index: 53;


	-webkit-transition: height 0.2s ease;
	transition: height 0.2s ease;
}

.menu > li:hover:before, .menu a.active:before { height: 2px; }

.menu > li > a {
   padding: 0 10px;
line-height: 42px;
font-size: 14px;
letter-spacing:0px;
color: #262626;
}
.with-sub ul.submenu li:first-child{border-top:none!important;}
/*---------------------------------------------------------- submenu*/

.submenu {
    min-width: 210px;position: absolute;top: -1px;  left: 100%;	margin: 0;padding: 0;visibility: hidden;background: #2f3338;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);border-radius: 0 0 2px 2px;list-style: none;}

.menu > li > .submenu {top: 100%;left: 2px;}

.menu li:hover > .submenu {visibility: visible;}

.submenu li {
    position: relative;	

	-webkit-transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease;
	transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease;
}

.submenu li:hover {background: #e34735;border-top: 1px solid #e34735;border-bottom: 1px solid #e34735;}
.submenu li .active {color:#fff;background: #e34735;border-top: 1px solid #e34735;border-bottom: 1px solid #e34735;}

.submenu li:hover > a {color: #fff;}


.submenu a {
    padding: 0 15px;
	line-height: 35px;
	font-size: 13px;
	color: #eff3f6;
	text-transform: none;
	font-weight: 300;
	letter-spacing: 0px;
}

.submenu li {	height: 10px;border-bottom: 1px solid #26292c;border-top: 1px solid #26292c;}
.submenu li:last-child {border-bottom: 0px solid #262829;border-radius: 0 0 2px 2px;}
.submenu li i {	margin-right: 7px;}
.menu li:hover > .submenu > li {	height: 35px;}
.navbar {background: #eff1f2;}
.navbar .menu {display: block;	width: 960px;min-width: 200px;margin: auto;text-align: left;font-size: 0;}
.navbar .menu.m-center {	text-align: center;}
.navbar .menu > li > a {line-height: 42px;font-size: 13px;}
.navbar .menu > li:before, .navbar .menu a.active:before { left: 14px;right: 14px;}
.navbar .menu > li > .submenu {left: 14px;}
.navbar .menu li.with-sub:hover:before {left: 14px;}


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

.navbar.m-dark {	background: #2f3338;box-shadow: 0 1px 3px rgba(0,0,0,0.2);}

.navbar.m-dark .menu > li {border-right: none;}

.navbar.m-dark .menu > li:first-child {border-left: none;}

.navbar.m-dark .menu a {border: none;color: #c4c4c4;}

.navbar.m-dark .menu li i {color: #575b61;text-shadow: none;}

/*---------------------------------------------------------- mobile menu */

.btn-menu {width:26px;height:22px;position:absolute;top:60px;right:20px;cursor:pointer;font:28px/23px 'FontAwesome';color: #c5c5c5;}


.btn-menu.active {color: #313538;}
.btn-submenu {width: 170px;height: 44px;position: absolute;top: 0;right: 30px;z-index: 12;text-align: right;
font: 13px/42px 'FontAwesome';cursor: pointer;}

.btn-submenu.active {line-height: 39px;}

.btn-submenu:before {content: "\f0d7";color: #9a9a9a;}

.btn-submenu.active:before {content: "\f0d8";}

.desk .mob-menu {display: none !important;}

.mob-menu, .mob-submenu {position: relative;z-index: 50;margin: 56px 0 0;padding: 0;list-style: none;}

.mob-menu {
	display: none;vertical-align: top;position: relative;margin: 0;background: #2f3338;white-space: nowrap;}

.mob-menu li {position: relative;text-align: left;border-bottom: 1px solid #242629;border-top: 1px solid #3b3e44;
text-transform: uppercase;}

.mob-menu a {
    display: block;
    
    position: relative;
    padding-left: 30px;
    
    text-decoration: none;
    color: #8a9094;
    font: 14px 'OpenSansRegular';

	-webkit-transition: none;
	transition: none;
}

.mob-menu a.active {color: #d0d5d8;}

.mob-menu > li > div > a {padding: 0 40px;line-height: 42px;}

.mob-menu div {width: 768px;position: relative;margin: 0 auto;}

/*---------------------------------------------------------- submenu*/

.mob-menu > li > .mob-submenu {background: #1f2226;}

.mob-submenu {
	display: none;
	min-width: 170px;

	position: relative;
	margin: 0;
	padding: 0;

	list-style: none;
}
.mob-submenu a:hover,.mob-menu a:hover{color:#ef7945;}
.mob-submenu:before {content: '';display: block;width: 100%;	border-top: 1px solid rgba(0, 0, 0, 0.15);}

.mob-submenu a {padding: 0 20px;
	font: 14px/42px 'OpenSansRegular';
	color: #8a9094;
	text-transform: uppercase;
	letter-spacing: 0;
}

.mob-submenu li {	border-bottom: 1px solid #16191b;border-top: 1px solid #272a2f;}

.mob-submenu li:last-child {border-bottom: 0px solid #262829;}

.mob-submenu li i {	margin-right: 7px;}

.mob-submenu a {padding-left: 60px !important;}
	
.mob-submenu .mob-submenu a {padding-left: 80px !important;}



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


/****************** Responsive *********************/

@media only screen and (min-width: 960px){
.mob-menu{display:none !important;}
}
@media (max-width: 979px){
.menuIcon{display:none !important;}
}
@media (max-width: 979px) and (min-width: 768px){
.site_menu { width: 95% !important; 
margin-top:10px;
}
.mob-menu div { width: 100%; }
}
@media only screen and (max-width: 959px), only screen and (max-device-width: 999px) {
	.mob-layout.m-center .wrap-center {text-align: left;}
	.btn-menu {display: block;}
	.navbar, .menu {	display: none;}
	.main { padding-top: 0 !important; }
	.menu:after { display: none; }
	.menu li.with-sub:hover:before { display: none; }
	.menu > li:before, .menu a.active:before { display: none; }
	.submenu {display: none;	}
	.submenu li {height: auto;-webkit-transition: none;transition: none;}
	.menu li:hover li {	height: auto !important;}
	}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
		
	.layout, .mob-layout {width: 420px;}
	.mob-menu div { width: 100%; }
	.header .mob-menu a { padding: 0 30px; }	
	.mob-submenu a { padding-left: 50px !important; }	
	.mob-submenu .mob-submenu a { padding-left: 70px !important; }
}

@media only screen and (max-width: 479px), only screen and (max-device-width: 479px) {
.mob-menu div { width: 100%; }

}