/* lg */ 
@media (min-width: 1200px) {}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
 	.navbar-right li a {font-size: 16px;}
	.drapo-en img, .drapo-fr img, .drapo-de img, .drapo-it img, .drapo-es img {width:90%; height:90%;}
	.navbar-drapos {right: -10px;}
	.drapo {margin-left: 8px;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.main-nav {height: 100px;}
	.navbar-brand {height: 100px; padding: 20px 5px;}
	.navbar-brand img {width: 120px;}
	.navbar-right {top: 50px;}
 	.navbar-right li a {font-size: 14px;}
	.navbar-drapos {right: -10px; top: 20px;}
	.drapo-en img, .drapo-fr img, .drapo-de img, .drapo-it img, .drapo-es img {width:80%; height:80%;}
	.drapo {margin-left: 6px;}
	.social-icons ul li {margin-bottom: 10px;}
	.price {font-size: 16px; height: 110px; line-height: 30px; width: 100%;}
	.price span {font-size: 40px; margin-top: 27px;}
	.btn-signup {padding: 10px 20px;}
}

/* xs */
@media (max-width: 767px) {
	body {font-size: 14px;}
	#home-slider .caption h1 {font-size: 40px;}
	#home-slider .caption {font-size: 15px; padding: 0 30px;}
	.left-control, .right-control {font-size: 20px; height: 30px; line-height: 25px; width: 30px;}
	#home-slider:hover .right-control {right: 15px;}
	#home-slider:hover .left-control {left: 15px;}
	.caption .btn-start {font-size: 12px; padding: 10px 30px;}
	.main-nav {height: 100px;}
	.navbar-brand {height: 100px; padding: 15px; width: 70%;}
	.navbar-brand img, .logobas img {width: 150px;}
	.navbar-toggle {margin-top: 32px; border:1px solid #68808D;}
	.navbar-toggle .icon-bar {background-color: #68808D;}
	.navbar-toggle:hover {border:1px solid #A1B9C4; background-color:#394449;}
	.navbar-toggle:hover .icon-bar {background-color: #A1B9C4;}
	.navbar-right li a {font-size: 22px; padding-bottom: 8px; padding-top: 10px; padding-left:25px;}
	.navbar-right li.active a {background: url(/images/nav/nav-active-left.png) 10px no-repeat #394449;}
	.collapsing, .collapse.in {background-color: #1B1F22; padding: 20px 50px; position: relative; z-index: 1111;}
	.collapsing .navbar-right, .collapse.in .navbar-right {position:relative; top:0; right:0;}
	.collapsing .navbar-drapos, .collapse.in .navbar-drapos {position:relative;display: inline-flex; top:0; right:0;}

	
	/* drapo */
	.navbar-right li a.drapo {padding: 0;display: inline;}
	.drapo-en, .drapo-fr, .drapo-de, .drapo-it, .drapo-es {margin-top: 0; margin-left: 0; display: inline !important; line-height: 50px;}
	.drapo-first {padding-left:0;margin-left: 23px !important}

	/*services*/
	section {padding: 45px 0;}
	.heading {font-size: 14px; padding-bottom: 45px;}
	.heading h2 {font-size: 26px;}
	.service-info h3 {font-size: 20px;}
	.our-services .col-sm-4 {margin-bottom: 32px; padding-bottom: 20px;}
	.our-services .col-sm-4:nth-child(4), 
	.our-services .col-sm-4:nth-child(5), 
	.our-services .col-sm-4:nth-child(6) {padding-top: 0;}
	.service-icon {font-size: 30px; height: 65px; line-height: 62px; width: 65px;}
	.our-services .col-sm-4:hover .service-icon:before {height: 90px; width: 90px;}
	.about-info {text-align: center; margin-bottom: 50px;}
	.team-member {margin-bottom: 50px;}
	.team-members .col-sm-3, 
	.pricing-table .col-sm-3, 
	#portfolio .col-sm-3, 
	.blog-posts .col-sm-4  {width: 50%; float: left;}
	.social-icons ul li a {font-size: 14px; height: 30px; line-height: 30px; width: 30px;}	
	.count .col-xs-6 {margin-bottom: 35px;}
	#features {min-height: 330px;}
	#features i {font-size: 35px;}
	#features h3 {font-size: 25px;}
	.price span {font-size: 50px; margin-top: 25px;}
	.price {font-size: 18px; height: 110px; line-height: 35px; width: 130px;}
	.single-table ul {margin-top: 22px;}
	.single-table ul li {font-size: 14px; margin-top: 15px;}
	.btn-signup {font-size: 12px; margin-top: 25px; padding: 10px 35px;}
	.single-table{margin-bottom: 40px; padding: 20px;}
	#twitter {padding-bottom: 75px;}
	.twitter-left-control, 
	.twitter-right-control {top: inherit; bottom: 30px; height: 25px; width: 25px; line-height: 23px; font-size: 14px;}
	.twitter-left-control {left: 40%} 
	.twitter-right-control {right: 40%}
	#blog {overflow: hidden;}
	.entry-header h2 {line-height: 20px;}
	.blog-posts .col-sm-4 {margin-bottom: 35px;}
	.load-more {margin-top: 35px;}
	.btn-loadmore {font-size: 12px; padding: 15px 75px;}
	#contact-us .heading {padding-top: 35px;}
	.contact-info {padding-left: 0;}
	#footer .footer-bottom {text-align: center;}
	.footer-bottom p.pull-right {float: none !important;}
	.social-icons ul li {margin-left: -5px; transform: scale(0.7);}
	.social-icons ul {float: right;  margin-top: -50px;}
}

/* XS Portrait */
@media (max-width: 479px) {
	.team-members .col-sm-3, 
	.pricing-table .col-sm-3, 
	#portfolio .col-sm-3, 
	.blog-posts .col-sm-4 {width:100%; float: none;}
}