/* 
    Document   : style-responsive
    Created on : 02-Apr-2013, 14:36:13
    Author     : Aslam
    Description:
        Purpose of the stylesheet follows.
*/

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


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .navbar-fixed-top{margin-bottom: 0px;}

    h2{
        font-size: 30px;
        line-height: 30px;
    }
    .support-icon{font-size: 50px;}


    .navbar-fixed-top{
        position: fixed;
        margin-left: 0;
        margin-right: 0;
        z-index: 9999;

    }
    .navbar-fixed-top .navbar-inner{
        background: rgb(0,71,108);

    }

	.navbar .nav > li
	{
		padding: 5px;
	}

	li {
		line-height: 5px;
	}
	
    .navbar .nav > li > a{
        padding: 5px;

    }
    .nav-collapse .dropdown-menu{
        background-color: #383838;
        margin: 0;
        padding-bottom: 5px;

    }
    .btn{height: 44px;}
    header{padding-top: 50px;}
    #navigation .nav.page li.active:after{display: none;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	#features-banner {	padding: 120px 50px 80px 50px;	}
	#support-banner {	padding: 80px 50px 80px 50px;	}
	#testimonials-background {	padding:120px 50px 120px 50px;	}
	#contact {	padding:100px 50px 100px 50px;	}

	.home-portfolio {
    	height: 220px;
	}
	
	 #testimonials-background h1, #support-banner h1, #features-banner h1,#contact-background h1 {
        font-size: 36px;
    }
	h2{font-size: 28px; line-height: 28px}
    h3{font-size: 24px}
	
	h2.big-h2-heading {
    font-size:40px;}
	
	.navbar .nav > li
	{
		padding: 5px;
	}

	li {
		line-height: 5px;
	}
	
    header{

        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .home h1{font-size: 50px;}
    .home{padding: 0px;}
    #footer {
        margin: 0px;
        padding: 0px;
    }


    .navbar-fixed-top{
        position: fixed;
        margin-left: 0;
        margin-right: 0;
        z-index: 9999;

    }
    .navbar-fixed-top .navbar-inner{
        background: rgb(0,71,108);

    }

    .navbar .nav > li > a{
        padding: 5px;

    }
    .nav-collapse .dropdown-menu{
        background-color: #383838;
        margin: 0;
    }

    section{

        margin-left: -20px;
        margin-right: -20px;
    }
    .container{padding-left: 20px; padding-right: 20px;}
    .support-icon{

        font-size: 70px;
        display: block;
        padding: 30px 10px 30px 0;
        float: left;
        line-height: 80px;
    }
    header{padding-top: 75px;}

    #navigation .nav.page li.active:after{display: none;}
    .navbar .brand{padding: 10px;}
}


@media (max-width: 570px) {
    #navigation .nav.page li.active:after{display: none;}
    .carousel-control.left {
        left: 0;
    }
    .carousel-control.right {
        right: 0;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) { 
	.navbar .brand{padding: 10px 0; width: 200px;}
	
	.home-portfolio {
    	height: 280px;
	}

	
	#features-banner {	padding: 220px 15px 140px 15px;	}
	#support-banner {	padding:60px 15px 60px 15px;	}
	#testimonials-background {	padding:120px 15px 120px 15px;	}
	#contact {	padding:30px 15px 30px 15px;	}
    #navigation .nav.page li.active:after{display: none;}
    ul.slides{padding-top: 20px;}
    .flexslider li h1{font-size: 40px;}

    .flexslider li h1 i{font-size: 2em;}

    .support-icon{

        font-size: 70px;
        display: block;
        padding: 30px 10px 30px 0;
        float: left;
        line-height: 80px;
    }
    
    h2 {font-size: 28px; line-height: 30px}
    
    h2.big-h2-heading {
    font-size:40px;}
    	
	#contact p { font-size: 14px}
    
    h3{font-size: 20px}
    
    #testimonials-background h1, #support-banner h1, #features-banner h1,#contact-background h1 {
        font-size: 36px;
    }
    
    section{

        margin-left: -20px;
        margin-right: -20px;
    }

    .container{padding-left: 20px; padding-right: 20px;}


    #home-arrow{bottom: 60px;}

    .navbar img{width: 150px; height: auto;}
    header{padding-top: 75px;}
    .navbar .brand{padding: 10px;}
}

iframe, object, embed{max-width: 100%;}


@media (max-width: 480px) { 
	#footer {
		margin: 0;
		padding: 0;
	}
}