@media (min-width: 768px) and (max-width: 1023px) {
  /* CSS rules for tablets */
}


@media (min-width: 1024px) and (max-width: 1199px) {
  /* CSS rules for small desktop screens */
}

@media (min-width: 1024px) and (max-width: 1199px) {
  /* CSS rules for small desktop screens */
}



@media (min-width: 1024px) and (max-width: 1199px) {
  /* CSS rules for small desktop screens */
}


@media (min-width: 1200px) and (max-width: 1439px) {
  
}

/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    .jx-event-box {
        /*top: 458px !important;*/
    }
}
@media (min-width: 1440px) {
  /* CSS rules for large desktop screens */
  
  .jx-event-box {
    	/*top: 585px !important;*/
    	/*top: 458px !important;*/
    }
}

@media only screen and (max-width:991px) {
    section#volunteers {
    margin-top: 80px !important;
}
}




@media only screen and (max-width: 1139px){
	.main-menu .navbar-collapse > ul > li > a{
		padding-left:30px;
		padding-right:30px;	
	}
	
	.counter-section .countdown .counter-column .colon,
	.counter-section .countdown .counter-column .count{
		font-size:28px;	
	}
}


@media only screen and (max-width: 1023px){
	
	
	.main-header .logo{
		max-width:200px;
	}
	
	.main-header .logo img{
		top:10px;	
	}
	
	.main-menu .navbar-collapse > ul > li > a{
		padding-left:15px;
		padding-right:15px;	
	}
	
	.main-menu .navbar-collapse > ul > li > ul,
	.main-menu .navbar-collapse > ul > li > ul > li > ul{
		width:180px;	
	}
	
	.blog-area .col-md-8{
		padding-right:15px;	
	}
	
	.main-slider .form-container{
		display:none;	
	}
	
	.sec-title h2,
	.two-column .content-side h2{
		font-size:32px;	
	}
	
	.sec-text p{
		font-size:18px;	
	}
	
	.sec-text p br{
		display:none;	
	}
	
	.two-column-full .column{
		width:100%;
		float:none;	
	}
	
	.latest-posts .post .inner:hover,
	.team-section .team-member .inner:hover{
		transform:scale(1.05,1.05);
		-webkit-transform:scale(1.05,1.05);
		-ms-transform:scale(1.05,1.05);
		-o-transform:scale(1.05,1.05);
		-moz-transform:scale(1.05,1.05);	
	}
	
	.counter-section .col-xs-12{
		text-align:center !important;
		margin-bottom:15px;
	}
	
	.fact-counter{
		padding:50px 20px;	
	}
}

@media only screen and (min-width: 768px){
	.main-menu .navbar-collapse > ul > li > ul,
	.main-menu .navbar-collapse > ul > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}


@media only screen and (max-width: 767px){
	
	.main-header{
		overflow:hidden;	
	}
	
	.fixed-top-header{
		position:relative !important;	
	}
	
	.main-header .logo{
		float:none;
		width:100%;	
	}
	
	.main-header .main-menu{
		float: none;
    width: 100%;
    padding-top: 30px;
    /* margin: 28px 0px 0px; */
    margin-bottom: -18px;
	}
	
	.main-menu .collapse {
	   max-height:none;
		overflow:hidden;
		padding:0px;
		border:1px solid #ffffff;
		margin:10px 0px;
		width:100%;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		padding:0px;
		border:1px solid #ffffff;
		margin:10px 0px;
		width:100%;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;	
	}
	
	
	.main-menu .navbar-header{
		position:relative;
		float:none;
		display:block;
		top:-32px;
	}
	
.main-menu .navbar-header .navbar-toggle {
    display: block;
    z-index: 7;
    border: 1px solid #ffffff;
    margin: 15px 0px 0px 0px;
}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#ffffff;	
	}
	
	.main-header .main-menu .navbar-nav{
		float:none !important;
		margin:0px;
		width:100%;
		background:#fc5a1b;
	}
	
	.main-menu .navbar-collapse > ul > li{
		margin:0px;
		float:none;
		width:100%;
	}
	
	.main-menu .navbar-collapse > ul > li > a{
		padding:10px 10px !important;
		font-size: 15px !important;
        line-height: 16px !important;
	}

	.main-menu .navbar-collapse > ul > li > a:after{
		display:none;	
	}
	
	.main-menu .navbar-collapse > ul > li > ul,
	.main-menu .navbar-collapse > ul > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		width:100%;
		background:#fc5a1b;
		border-radius:0px;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		transition:none;
		-webkit-transition:none;
		-ms-transition:none;
		-o-transition:none;
		-moz-transition:none;
	}
		
	.main-menu .navbar-collapse > ul > li > ul,
	.main-menu .navbar-collapse > ul > li > ul > li > ul{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > ul > li,
	.main-menu .navbar-collapse > ul > li > ul > li,
	.main-menu .navbar-collapse > ul > li > ul > li > ul > li{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > ul > li:first-child{
		border:none;	
	}
	
	.main-menu .navbar-collapse > ul > li > a,
	.main-menu .navbar-collapse > ul > li > ul > li > a,
	.main-menu .navbar-collapse > ul > li > ul > li > ul > li > a{
		padding:10px 10px !important;
		line-height:22px;
		color:#ffffff;
		background:#fc5a1b;
	}
	
	.main-menu .navbar-collapse > ul > li > a:hover,
	.main-menu .navbar-collapse > ul > li > a:active,
	.main-menu .navbar-collapse > ul > li > a:focus{
		background:#fc5a1b;
	}
	
	.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
		display:block;	
	}
	
	.main-menu .navbar-collapse > ul li.dropdown:after{
		display:none !important;	
	}
	
	.blog-area .author img { 
		position:static; 
		display:block; 
		margin:0 auto; 
		padding-top:40px;
	}
	.blog-area .author-comment { 
		margin-left:0px;
		padding-top:30px; 
		float:none;
	 }
	.comment-area input[type="text"], 
	.comment-area input[type="phone"], 
	.comment-area textarea, 
	.comment-area input[type="email"]{ 
		width:100%;
	}
	.blog-area form { 
		padding-left:10px; 
		padding-right:10px;
	}
	.blog-area .post-content { 
		padding:25px 25px;
	}
	
	.schedule-box .tab-buttons,
	.style-two .schedule-box .tab-buttons{
		float:none;
		display:block;
		width:100%;
		margin-bottom:10px;	
	}
	
	.schedule-box .tab-buttons .tab-btn,
	.style-two .schedule-box .tab-buttons .tab-btn{
		display:block;
		width:100%;
		float:none;
		border:1px solid #d0d0d0 !important;
		margin-bottom:5px;	
	}
	
	.schedule-box .tab-buttons .tab-btn .curve{
		display:none;	
	}
	
	.style-two .schedule-box .tabs-box{
		width:100%;	
	}
	
	.schedule-box .hour-box .hour{
		position:relative;
		margin-bottom:15px;	
	}
	
	.schedule-box .hour-box{
		padding-left:40px;	
	}
	
	.schedule-box .hour-box .circle{
		left:0px;	
	}
	
	.schedule-box .hour-box::before{
		left:11px;	
	}
	
	.schedule-box .hour-box .content-box{
		padding-right:0px;	
	}
	
	.schedule-box .hour-box .toggle-btn h3{
		font-size:15px;	
	}
	
	.main-slider .form-container{
		width:320px;
	}
	
	.sec-title h2,
	.two-column .content-side h2{
		font-size:22px !important;	
	}
	
	.two-column-full .column{
		padding:40px 20px;
		min-height:100px;
	}
	
	.feature-listing .image-side{
		position:relative;
		padding:30px 15px;
		text-align:center;
		left:0px;
		top:0px;	
	}
	
	.two-column .image-side,
	.two-column-fluid .image-side{
		position:relative;
		min-height:300px;
		padding:30px 20px;
		left:0px;
		top:0px;
		width:100%;
		margin-bottom:20px;	
	}
	
	.two-column-fluid .content-side{
		width:100%;
		padding:30px 20px;	
	}
	
	.main-footer .footer-logo,
	.main-footer .footer-lower .footer-nav{
		text-align:center !important;	
	}
	
	.counter-section .countdown .counter-column .colon,
	.counter-section .countdown .counter-column .count{
		font-size:32px;	
	}
	
	.counter-section{
		padding:20px 10px;	
	}
	
	.counter-section .countdown .counter-column{
		margin:0px 5px;	
	}
	
	.counter-section .countdown .counter-column .colon{
		left:8px;	
	}
	
	.page-banner h1{
		font-size:30px;	
	}
	
	.testimonials-area .bx-controls{
		display:none;	
	}
}


@media only screen and (max-width: 599px){
	
	
	.two-column .feature{
		padding-left:0px;	
	}
	
	.two-column .icon{
		position:relative;
		left:0px;
		top:0px;
		margin-bottom:15px;	
	}
	
	.our-experience .exp-meter .exp-count{
		bottom:auto;
		top:5px;	
	}
	
	.schedule-box .hour-box .professional .info{
		padding-left:0px;	
	}
	
	.schedule-box .hour-box .professional .info .image{
		position:relative;
		margin-bottom:10px;	
	}
	
	.schedule-box .hour-box .professional .text-right{
		text-align:left !important;
		padding-left:0px;
	}
	
	.team-section .team-member .social-links{
		top:0px;
	}
	
	.contact-section .map-area{
		height:250px;	
	}
	
}


@media only screen and (max-width: 479px){
    
    .schedule-box .hour-box {
        padding-left: 93px !important;
    }
    .schedule-box .hour-box .circle {
        left: 68px !important;
    }
    .schedule-box .hour-box:before {
    left: 80px !important;
    }
    .schedule-box .hour-box .content-box {
        padding-right: 0px !important;
    }
    .schedule-box .hour-box {
        font-size: 11px !important;
    }
    .schedule-box .tab-buttons .tab-btn {
        padding: 21px 47px !important;
    }
    span.radission {
        font-size: 12px !important;
    }

    
 .team-section .team-member .member-image {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin: 0 auto !important;
}
.testimonials-wrapper {
    padding: 20px 0 20px !important;
}
.testimonial-block .inner-box {
    padding: 75px 30px 30px !important;
    height: auto !important;
}
.testimonials-wrapper .owl-nav {
    top: -40px !important;
}
.price-plans .table-column {
    padding: 0px 15px !important;
}
.sec-text {
    margin-bottom: 43px;
}
.price-plans .price .amount {
    margin-bottom: 5px !important;
    padding-top: 10px !important;
}
.price-plans .table-column {
    margin-bottom: 20px !important;
}
.sponsors {
    padding-top: 25px !important;
    padding-bottom: 5px !important;
}
.academic-partner {
    margin-bottom: 20px !important;
}
.team-section {
    padding: 30px 0px 20px 0 !important;
}
    .pass-filed {
        width: 98.1% !important;
        border: none;
        background-color: #f4f4f4;
        font-size: 12px !important;
        color: #444444;
        padding: 5px 5px !important;
    }
.pass-filed::placeholder { 
     color: #f00;
     font-size: 12px !important;
}
    
	
	.comment-details {
		margin-left: 0;
		padding-top: 100px;
	}
	
	.btn-style-one,
	.download-btn{
		padding-left:15px;
		padding-right:15px;	
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .left-logo h2 {
        font-size: 20px !important;
        /*padding-top: 20px !important;*/
    }
    .new_logo span {
    font-size: 28px !important;
}
    
    .new_logo span {
        font-size: 28px !important;
    }
    .slider-section .carousel-caption {
        top: -80px;
    }
    .jx-event-title-box {
        padding: 10px;
    }
    .main2-will-start-in .cd {
        padding: 5px 2px !important;
        padding-top: 10px !important;
    }
    
    .main2-will-start-in h2 {
        font-size: 24px !important;
    }
    .main2-will-start-in h2 {
        padding-top: 17px !important;
        margin-bottom: -44px !important;
    }
    div#carousel-example-generic:hover .carosel-button {
    	display: none !important;
    }
    .testimonials-wrapper .owl-dots {
        display: block;
        margin: 0 auto !important;
        text-align: center !important;
    }
    .team-section .sec-title {
        margin-bottom: 15px !important;
    }
    
    .page-banner {
        min-height: 125px !important;
        max-height: 125px !important;
       
    }
    .WordSection1 p{
        text-align:justify !important;
    }
    .main-menu .navbar-collapse > ul > li > ul {
    	width: 100% !important;
    	left: 0;
    }
    .panel-login>.panel-heading a.active {
        font-size: 14px !important;
        line-height: 12px !important;
    }
    .panel-login>.panel-heading a {
        font-size: 13px !important;
    }
    
    #myTable {
        font-size: 13px !important;
    }
    .allinner p{
        text-align:justify !important;
    }
    .testimonials-wrapper .section-title h2 {
        margin: 0 0 15px !important;
        font-size: 24px !important;
    }
                
    
    
    
    
    
}