/* 
    Document   : style-responsive
    Created on : 23-May-2013, 17:09:30
    Author     : Aslam
    Description:
        Purpose of the stylesheet follows.
*/


/* Large desktop */
@media (max-width: 1200px) { 

    #home h1{margin: 10% auto 0px auto;}
}

@media (max-width: 979px){

    .navbar-fixed-top{position: fixed; padding-right: 0px;}
    .navbar-fixed-top .navbar-inner{padding: 0;}
    .navbar .nav-collapse ul li{
        display: block; 
        padding-left: 30px;
    }


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	.lang-tablet {
		margin: 10px 0 20px 0;
	}
	.lang-tablet a {
		text-decoration:none;
    	text-transform:uppercase;
	}
	.navbar ul li {
		padding: 0;
	}
	.navbar li a:hover, .navbar li a.selected {
		border-bottom: none;
		padding-bottom: 0px;
	}
	.navbar .nav > li > a {
		padding: 5px 15px 5px;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    .container{padding-left: 20px; padding-right: 20px;}
    body{padding-left: 0; padding-right: 0;}
    #home h1{margin: 10% auto 0px auto;}
	.lang-tablet {
		margin: 10px 0 20px 0;
	}
	.lang-tablet a {
		text-decoration:none;
    	text-transform:uppercase;
	}
	.navbar ul li {
		padding: 0;
	}
	.navbar li a:hover, .navbar li a.selected {
		border-bottom: none;
		padding-bottom: 0px;
	}
	.navbar .nav > li > a {
		padding: 5px 15px 5px;
	}
	
}

/* Landscape phones and down */
@media (max-width: 480px) { 

    .navbar-fixed-top{position: fixed; padding-right: 20px;}
    .navbar .btn-navbar{margin-top: 15px;}
    .flexslider h2{font-size: 30px; line-height: 35px; padding-top: 5px;}
    .icon{font-size: 25px;}
    #social_module  ul li{padding: 0 10px;}
    #social_module {
        padding: 10px 0 10px 0;
    }
    .center{text-align: center;}
    #home h1{margin: 5% auto 0px auto;}
    .icon-3x{font-size: 4em;}
	#logo {
		width: 80%;
		height: auto;
		position: absolute;
		margin-left: 0;
		left: 10%;
		z-index:999;
	}
	.lang-phone {
		margin: 10px 0 20px 0;
	}
	.lang-phone a {
		text-decoration:none;
    	text-transform:uppercase;
	}
	.navbar ul li {
		padding: 0;
	}
	.navbar li a:hover, .navbar li a.selected {
		border-bottom: none;
		padding-bottom: 0px;
	}
	.navbar .nav > li > a {
		padding: 5px 15px 5px;
	}
	
}

@media (max-width: 320px){

    #home h1{margin: 10% auto 0px auto;}
    .flexslider h2{font-size: 30px; line-height: 35px; padding-top: 20px;}
}