/* Custom Responsive Stylesheet */

/*------------  Screen 320px to 480px ------------*/

@media (min-width: 320px) and (max-width: 480px) {
/* Index Page Starts */	
	/*Topbar*/
	#topbar .nav.nav-pills.pull-right {
		float: left !important;
	}
	/*Logo*/
	.navbar-brand > img {
		height: 35px;
		margin-top: 5px;
	}	
	/*Collapse Menu Icon*/
	.navbar-default .navbar-toggle {
		background-color: #86BB41;
		border-color: #86BB41;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	.navbar-default .navbar-toggle:hover .icon-bar , .navbar-default .navbar-toggle:focus .icon-bar{
		background-color: #86BB41;
	}
	/*Menu*/
	.navbar-nav {
		margin: 0 -15px;
	}
	.navbar-nav > li > a {
		padding: 10px 15px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		color: #86BB41;
		background-color: #f5f5f5;
	}
	.affix .navbar-nav > li > a {
		padding: 10px 15px;
	}
	/*Slider*/
	#slider .carousel-caption > p, .carousel-caption ul li {
		font-size: 10px;
		margin: 0 0 3px 12px;
		padding: 0 5px;
		width: 70%;
	}
	#slider .carousel-caption > h2 {
		font-size: 20px;
		margin-bottom: 15px;
		margin-top: -100%;
	}
	#slider .carousel-caption.slide3 > p {
		font-size: 10px;
		width: 80%;
	}
	#slider .carousel-inner > .item > a > img, .carousel-inner > .item > img {
		height: 300px;
		max-width: 100%;
	}
	#slider .carousel-indicators {
		margin-bottom: 15%;
	}
/* Index Page Ends */		
	/* Page Wrapper Starts */		
	#page_wrapper {
		padding: 20px 0;
	}
	#page_wrapper .page_title h2 {
		font-size: 20px;
	}
	#page_wrapper .page_title::before {
		left: 25%;
		top: 90%;
		width: 50%;
	}
	#page_wrapper .pull-right {
		clear: both;
		float: left !important;
		margin-top: 10px;
		padding: 0;
	}
/* About Witty Of Homepage Starts */		
	.youtube-video>iframe {
		width: 320px;
		height: 300px;
	}
/* Contact Us Starts */	
	#contact-us .get-touch {
		margin-top: 50px;
	}
/* Other Sister Concerns Page Starts */	
	/* Our Sister Concerns Starts */
	.sister-concerns-wrapper .title, #our-clients .title{
		font-size: 29px;
	}
	.sister-concerns-wrapper .underline::before {
		left: 33%;
		top: 90%;
		width: 30%;
	}
	.sister-concerns-wrapper .underline::after {
		left: 27%;
		top: 94%;
		width: 42%;
	}
	/* Our Clients Starts */
	#our-clients .underline::before {
		left: 34%;
		width: 35%;
	}
	#our-clients .underline::after {
		left: 41%;
		width: 21%;
		top: 81%;
	}
	#our-client .owl-wrapper .item > img {
		width: 90%;
		height: 70px;
		margin-left: 5%;
	}
/* Footer Starts */	
	.witty-logo {
		margin: 5em 0 0;
		text-align: center;
	}
	#footer h3.footer-title {
		margin: 1.5em 0;
	}
	#footer address {
		margin: 0;
	}
}	

/*-------------   Screen 768px to 980px --------------------*/

@media (min-width: 768px) and (max-width: 980px) {
/* Index Page Starts */		
	/*Logo*/
	.navbar-brand > img {
		height: 40px;
		margin-top: 5px;
		width: 160px;
	}
	/*Collapse Menu Icon*/
	.navbar-default .navbar-toggle {
		background-color: #86BB41;
		border-color: #86BB41;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	.navbar-default .navbar-toggle:hover .icon-bar , .navbar-default .navbar-toggle:focus .icon-bar{
		background-color: #86BB41;
	}
	/*Menu*/
	.navbar-nav > li > a {
		padding: 20px 15px;
	}
	/* Slider Starts */
	#slider .carousel-inner > .item > a > img, .carousel-inner > .item > img {
		height: 400px;
	}
	#slider .carousel-caption > p, .carousel-caption ul li {
		font-size: 16px;
		width: 55%;
	}
	#slider .carousel-caption.slide3 > p {
		font-size: 12px;
		width: 45%;
	}
/* Index Page Ends */		
}

/*-------------   Screen Above 1024px --------------------*/
@media (min-width: 1024px){
	/*About Witty of Homepage Starts*/
		.youtube-video>iframe {
			width: 98%;
			height: 300px;
		}
	/*About Witty of Homepage Ends*/
}
/*-------------   Screen Above 1400px --------------------*/

@media (min-width: 1360px){
	/*Witty Features Page Starts*/
		#attendance-solution .module-content>h2 {
			margin-top: 4em;
		}
		#sms-notification .module-content>h2 {
			margin-top: 5em;
		}
	/*Witty Features Page Ends*/
}
/*Bootstrap Navbar break point at small screen starts*/
/*	
@media (max-width: 991px) {
	.navbar-header {
	  float: none;
	}
	.navbar-left,.navbar-right {
	  float: none !important;
	}
	.navbar-toggle {
	  display: block;
	}
	.navbar-collapse {
	  border-top: 1px solid transparent;
	  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
	  top: 0;
	  border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
	  display: none!important;
	}
	.navbar-nav {
	  float: none!important;
	  margin-top: 7.5px;
	}
	.navbar-nav>li {
	  float: none;
	}
	.navbar-nav>li>a {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.collapse.in{
	  display:block !important;
	}
}	*/