/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 980px) {
	#hero h1 ,.home-content h1{font-size:38px;}
	#hero h3, .home-content h1 small{font-size:16px;}
	.navbar-inverse .navbar-nav>li>a { border:none;}
}
@media (max-width: 767px) {
	.my_planTitle {font-size:small;}    
    .my_feature {text-align: center}
	.side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              top:50px;
              bottom:0;
              left:0;
              width:200px;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
          }
          .side-collapse.in {
              width:0;
          }
		  .visible-vs { display:none;}	       
 }
/* Mobile Devices */
@media only screen and (max-width : 640px) {
	#hero h1 , .home-content h1{font-size:28px;}
	#hero h3, .home-content h1 small{font-size:14px;}
	.carousel-control.left {left:0;}
	.carousel-control.right {right:0}	
}
/* Smaller Mobile Devices */
@media only screen and (max-width : 480px) {
	#hero h1 , .home-content h1{font-size:22px;}
	#hero h3 , .home-content h1 small{font-size:14px;}
	.carousel-control.left {left:0;}
	.carousel-control.right {right:0}
	.nav-button.lgn, .nav-button {margin-right:0;}
	.visible-vs { display:none;}
}
@media only screen and (max-width : 430px) {
		.navbar-header img {width: 130px;margin-top:10px; height:auto;}
		.nav-button.lgn, .nav-button {margin-right:0;}
		.hidden-vs { display:block;}
		.visible-vs { display:none;}	
		}
/* Smallest Mobile Devices */
@media only screen and (max-width : 320px) {
.navbar-header img {width:100px;margin-top:15px;height:auto;}
.hidden-vs { display:none;}
.visible-vs { display:block;}	
	}