/* Seoplanner HTML5 Template */

@media only screen and (max-width: 1140px){
	.main-header .header-lower .outer-box{
		padding-right:0px;	
	}
	
	.main-header.header-style-three .nav-outer{
		margin-left:-15px;
		margin-right:-15px;
		padding-left:15px;	
	}
	
	.main-menu .navigation > li{
		margin-right:10px;	
	}
	
	.header-style-two .main-menu .navigation > li{
		margin-right:0px;
		margin-left:0px;
	}
	
	.main-menu .navigation > li > a,
	.header-style-two .main-menu .navigation > li > a{
		padding-left:10px;
		padding-right:10px;	
	}
	
	.main-header .header-upper .upper-column{
		margin-left:20px;	
	}
	
	 .logo-outer{
        width: 13%;
    }
    
    
	
}


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

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

@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
    .navbar-default li a {
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .navbar-header{
        margin-bottom: 20px;
    }

}



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

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

@media only screen and (max-width: 1023px){
	h3{
        font-size:16px;
    }
    
    body{
        font-size: 14px;
    }
   
    .navbar-header .navbar-brand{
        width: 90%;
    }
    
    .navbar-default li a{
        font-size: 18px;
        padding:10px 4px;
    }
    
    .service-box .img-box {
      margin-bottom: 20px;
    }
    .service-inner {
      clear: both;
    }
    
        
/*    HoMe 2 */
    
    
    .banner-content-inner,.parallax-content, #section-parralax2 .parallax-content{
        width: 100%;
    }
    .section-bg-1:after{
        display: none;
    }
    
}


/*---------------------------------------------
     MOBILE LANDSCAPE VIEW/ TABLET VIEW
-----------------------------------------------*/

@media only screen and (max-width: 767px){
	
    .pricing-box, .service-box ,.test-box,.footer-widget,.feature-box{
        width: 50%;
        float: left;
    }
    
   .pricing-box img{
        width: 100%;
    }
    .service-box .img-box {
      margin-bottom: 20px;
    }
    .service-inner {
      clear: both;
    }
    .test-box {
      margin-bottom: 90px;
    }
    .footer-widget{
        margin-bottom: 20px;
    }
    
        
/*    HoMe 2 */
    
    
    .banner-content-inner,.parallax-content, #section-parralax2 .parallax-content{
        width: 100%;
    }
    .section-bg-1:after{
        display: none;
    }
    
    
}

/*----------------------------------------------
     MOBILE VIEW
--------------------------------------------*/

@media only screen and (max-width: 599px){
   
    .pricing-box img{
        width: 100%;
    }
    
        
/*    HoMe 2 */
    
    
    .banner-content-inner,.parallax-content, #section-parralax2 .parallax-content{
        width: 100%;
    }
    .section-bg-1:after{
        display: none;
    }
    
}


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

     MOBLE SMALL /POTRAIT VIEW
---------------------------------------------*/
@media only screen and (max-width: 499px) {
	.navbar-header .navbar-brand {
        width: 70%;
    }
    .banner-content-inner{
        width: 100%;
    }
    .banner-content-inner h1{
        font-size: 35px;
        line-height: 45px;
    }
    
    
    .service-list-info li {
        padding: 10px 13px;
        font-size: 16px;
    }

    .service-box .img-box {
      margin-bottom: 20px;
    }
    .service-inner {
      clear: both;
    }
    .section-heading{
        width: 100%;
    }
    .section-heading h2 {
      font-size: 23px;
    }
    
    
    .test-box {
      margin-bottom: 90px;
    }
    
   .sub-form input{
        width: 90%;
    }
    .subsrcibe-inner p {
      margin: 20px 0px;
    }
    #section-footer-btm h4 {
      text-align: center;
      margin-bottom: 20px;
    }
    .col-md-6.text-right.col-sm-8 {
      text-align: center;
    }
    
    .footer-widget{
        margin-bottom: 20px;
    }
    
    
    
/*    HoMe 2 */
    
   .banner-content-inner.center{
        width: 100%;
    }
    .parallax-content, #section-parralax2 .parallax-content{
        width: 100%;
    }
    .section-bg-1:after{
        display: none;
    }
    
    
    
}