/*================================================================================= intromath_responsive ===========================================*/
.login_content{
	margin-top:-18px;
}
.intromath-toggle{
	border: 1px solid #cccccc;
	margin-top:35px;
	margin-bottom:0px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.intromath-toggle.shrink{
  margin-top:24px;
  margin-bottom:0px;
}
.navbar-toggle .icon-bar{
	background: #cccccc;
}

.collapse{
  display: block;
}
.intromath_logo{
	margin-top:0px;
}
.contact-tooltip{
	display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.navbar-responsive-collapse{
	margin-top: 0px;
}
.video-button{
	padding-top:0px;
	padding-left: 15px;
	padding-right:30px;
}

.sticky-footer-logo {
	position: fixed!important;
	bottom: 20px!important;
	right: 20px!important;
	min-width: 200px;
	z-index: 9000000 !important;
  }
  
  .sticky-footer-logo img {
	max-width: 300px; /* Adjust as needed */
	height: auto;
  }
  
  @media (max-width: 768px) {
	.sticky-footer-logo {
		bottom: 10px;
		right: 10px;
	}
  
	.sticky-footer-logo img {
		max-width: 150px; /* Adjust as needed for mobile */
	}
  }
/*
@media (max-width: 1441px) {
	.works .carousel-control .icon-prev{
		top:52%;
	}
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
		right: 35%;
	}
}

@media (max-width: 1281px) {
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
		right: 8%;
	}
}
@media (max-width: 1024px) {
	.works h2{
		margin-top:15%;
	}
	.student-support{
		border-radius: 16px;
	}
	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
		border-radius: 16px;
	}
	.login_content{
		margin-top:24%;
	}
    .parallax #student-support,
    .parallax #instructor-support {
	    width: 47%;
	    background-color: #999999;
	    margin-left: 1%;
	    border-radius: 16px;
	}
	.round-box {
	  padding: 15px;
	  background-color: #ffffff;
	  background-color: rgba(200, 200, 200, 0.4);
	  border-radius: 6px;
	  margin-bottom: 10px;
	}
	.works{
		margin-top:10%;
	}
	.twitter_position{
		padding-top:0px;
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.navbar-nav li a, .navbar-nav li a:hover, .navbar-nav li a:focus{
		font-size: 1.3em;
	}
	.login_content{
		margin-top:13%;
	}
	.parallax-title{
		margin:215px 0 50px;
	}
	#works .carousel-indicators, #works .carousel-control{
		display: none;
	}
    .parallax #student-support,
    .parallax #instructor-support {
	    width: 47%;
	    background-color: #999999;
	    margin-left: 1%;
	    border-radius: 16px;
	}
	.twitter_position{
		padding-top:50px;
		text-align: center;
	}
	.intromath_logo{
		margin-top:10px;
	}
}

@media (max-width: 769px){
	.login_content{
		margin-top: 27%;
	}
	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
	  border-radius: 16px;
	}
	.parallax #student-support, .parallax #instructor-support{
		border-radius: 16px;
	}
	.navbar-nav{
		margin-top:-15px;
		padding-bottom:29px;
	}
	.intromath_logo{
		margin-top:0px;
	}
}

@media (min-width: 375px) and (max-width: 667px){
	.intromath_logo{
		max-width: 175px;
	}
	#parallax{
		margin-top: 105px;
	}
	.bg1 {
    	height: 550px;
  	}
  	.collapse{
  		display: none;
	}
	.twitter_position{
		padding-top:50px;
		text-align: center;
	}
	.navbar-nav{
	    float: none !important;
	    text-align: center;
	    padding-bottom: 0px;
	}
	#parallax{
		margin-top:104px;
	}
	.intromath_logo{
		max-width:175px;
	}
	.parallax-title{
		margin:100px 0 50px;
	}
	.parallax #student-support, .parallax #instructor-support{
		font-size:11px;
	}
	.navbar-nav{
		margin-top:0px;
	}
	.twitter_position{
		width:100%;
	}
  	.collapse{
  		display: none;
	}
}

@media (max-width: 376px){
	.login_content{
		margin-top: 15%;
	}
}*/



  @media (min-width : 320px){
   
  }
   
    /* Extra Small Devices, Phones */
  @media (min-width: 455px) and (max-width: 480px){
  	.login_content{
  		margin-top:140px !important;
  	}
  }
  @media (min-width: 481px) and (max-width: 540px){
 	.navbar-toggle{
		display: block;
	}
	.login_content{
		margin-top: 145px !important;
	}
  }
    /* Small Devices, Tablets */
  @media (min-width : 768px){

	.contact-tooltip{
		display: none;
	}
	.nav{
		padding-top:0px !important;
		text-align: center;
	}
	.nav.shrink{
		padding-top:15px !important;
	}
	.navbar-nav > li{
		float: none;
	}

 	.navbar-toggle{
		display: block !important;
	}

/*	.pull-right{
		float: right !important;
	}*/
  }
 @media only screen and (min-width : 992px){
 	.login_content{
 		margin-top: 210px;
 	}
 	.contact-tooltip{
 		display: block;
 	}
	.collapse{
		display: block !important;
	}
	.nav{
		padding-top:27px !important;
	}
	.navbar-nav > li{
		float: left;
	}
 	.navbar-toggle{
		display: none !important;
	}
	.pull-right{
		float: right !important;
	}
 }
    /* Medium Devices, Desktops */
  @media (min-width: 983px) and (max-width: 991px){
 	.navbar-toggle{
		display: none;
	}
 	.contact-tooltip{
 		display: block;
 	}
  }

    /* Large Devices, Wide Screens */
  @media (min-width : 1200px){
	.navbar-toggle{
		display: none;
	}
 	.login_content{
 		margin-top: -18px;
 	}
 	.contact-tooltip{
 		display: block;
 	}
  }
  
  @media (min-width : 1280px){
	.navbar-toggle{
		display: none;
	}
  }

  @media (min-width : 1440px){
	.parallax-text-wrap{
	    position: relative;
	    top: 10%;
	}
	.intromath_logo{
  		margin-top:0px;
  	}
	.navbar-toggle{
		display: none;
	}
  }

  /*==========  Non-Mobile First Method  ==========*/
 
  /* Large Devices, Wide Screens */
  @media(max-width : 1440px){
  	.parallax-text-wrap{
  		top:10%;
  	}
	.login_content{
  		margin-top:-18px;
  	}
	.parallax #student-support, .parallax #instructor-support{
  		font-size:14px;
  	}
  	.carousel-control{
  		width: 0;
  	}
  }
  @media(max-width : 1200px){
	.login_content{
  		margin-top:-18px;
  	}
  	.works{
  		margin-top:10%;
  	}
	.parallax #student-support, .parallax #instructor-support{
		width: 50%;
	}
  }

  @media(max-width : 1199px){
	.login_content{
  		margin-top:215px;
  	}
	.round-box {
	  padding: 15px;
	  background-color: #ffffff;
	  background-color: rgba(200, 200, 200, 0.4);
	  border-radius: 6px;
	  margin-bottom: 10px;
	}
	.white{
		color: #727272;
	}
  	.intromath_logo{
  		padding-top:10px;
  	}
  }

  /* Medium Devices, Desktops */
  @media(max-width : 992px){
	   .parallax-text-wrap{
	  	top:20%;
	   }
	  	
	  .parallax #student-support,
	  .parallax #instructor-support {
	    width: 50%;
	    border-radius: 5px;
	  }
	  .parallax-text-wrap {
	    position: initial;
	  }
	  .login_content{
	  	margin-top:210px;
	  }
	    /* Work section */
	  #works .carousel-inner .col-sm-8 {
	    width: 50%;
	    float: none;
	    clear: both;
	    margin: auto;
	    padding-left: 0;
	    padding-right: 0;
	  }
	  #works .item {
	    display: block;
	    padding-top: 30px;
	    padding-bottom: 30px;
	  }
	  #works .carousel-indicators,
	  #works .carousel-control {
	    display: none;
	  }
	  #works .item .carousel-inner .col-sm-8 img {
	    width: 100%;
	  }
	  #works .carousel-inner .carousel-caption {
	    position: relative;
	    right: auto;
	    left: auto;
	    padding-bottom: 0;
	  }
	  #works .carousel-inner .carousel-caption h2 {
	    margin-top: 10px;
	  }
	  #works .carousel-inner .carousel-caption .assess-img {
	    display: none;
	  }
	  #works .carousel-inner .carousel-caption .text-left {
	    text-align: center;
	  }
	  #works .carousel-inner .vcenter {
	    display: block;
	    align-items: inherit;
	  }
	  .twitter_position{
	  	text-align: center;
	  	margin-top: 50px;
	  }
	  .intromath_logo{
	  	padding-top:20px;
	  }
 	  .contact-tooltip{
 		display: block;
 	  }
 	  .parallax-title{
 	  		margin:230px 0 50px;
 	  }

	  .pull-right{
			float: none;
	  }
	  .collapse{
	  		display: none;
	  }

	  .contact-tooltip{
			display: none;
			padding:0px;
	  }
	  .video-button{
	  		padding-top:5px;
	 		padding-left:15px;
	 		padding-bottom:15px;
	 		padding-right:15px;
	  }	  
  }
  /* Small Devices, Tablets */
  @media only screen and (max-width : 768px){
	.bg1 {
    	height: 550px;
  	}
  	.login_content{
  		margin-top:120px;
  	}
  	#parallax{
  		margin-top:95px;
  	}
  	.intromath_logo{
  		padding-top: 0px;
  	}
  	.navbar-responsive-collapse{
  		text-align: center;
  	}
  	.pull-right{
  		float: none !important;
  	}
  	.collapse{
  		display: none;
  	}
  	.navbar-brand{
  		height: 100px;
  	}

	.contact-tooltip{
		display: none;
		padding:0px;
	}
	.navbar-nav{
		margin:0px;
	}
	.parallax-title{
		margin:170px 0 50px;
	}
	.nav{
		padding-top:0px;
	}
	.navbar-nav > li > a{
		padding-top: 15px;
		padding-bottom:15px;
	}
  }
  @media only screen and (max-width : 667px){
	.login_content{
  		margin-top:170px;
  	}

  	.parallax #student-support, .parallax #instructor-support{
  		font-size: 12px;
  	}
  }
  /* Extra Small Devices, Phones */
  @media only screen and (max-width : 480px){
  	.login_content{
  		margin-top:110px;
  	}
  	.navbar-brand{
  		padding:0px;
  	}
  	.parallax-title{
  		margin:100px 0 50px;
  	}

  }
  @media only screen and (max-width : 400px){
  	.login_content{
		margin-top:60px;
  	}
  }
  /* Custom, iPhone Retina */
  @media only screen and (max-width : 320px){
 
  }