/*
 Theme Name: Quomodo Business
 Theme URI: 
 Author: Mosharof
 Author URI: 
 Description: Quomodo - Business HTML5 Responsive Template
 Version: 1.0
 License:
 License URI:
 */
/*=======================================================================
[Table of contents]
=========================================================================

1. Responsive For Extra large Device 2
2. Desktop Device
3. Responsive For Tab Device
4. Responsive For Mobile & Tab
5. Responsive For Mobile Device
*/


/*------------------------------------------------------------------------------------
/ 1. Responsive For Extra large Device 2
--------------------------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1600px){
	/*--- Home ---*/
	.navbar.navbar-expand-lg{
		margin: 0 -45px;
	}
	.banner-slider .owl-dots{
		right: -8%;
	}
	.sb-inner{
		max-width: 1200px;
	}
    
}
/*------------------------------------------------------------------------------------
/ 2. Desktop Device
/--------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px){
	

	/* Home*/
	.navbar.navbar-expand-lg{
		margin: 0;
	}
	.navbar-expand-lg .navbar-nav li{
		margin-right: 35px;
	}
	.banner-slider .owl-dots{
		right: 0;
	}
	.sb-inner{
		margin: 0 20px;
	}
	.link-bottom{
		margin-left: 20px;
	}
	.link-bottom li{
		margin-right: 20px;
	}
	.link-bottom li:after{
		right: -10px;
	}
	#countdown .countdown-section{
    	width: 22.555%;
    }
    .single-sponosore img{
    	max-width: 90%;
    }
    .leader-video{
    	margin-left: 0;
    }
	.sec-title{
		font-size: 55px;
	}
	.leader-section-2 .lead-content p{
		margin-right: 0;
	}
	.feature-box{
		padding-left: 10px;
		padding-right: 10px;
	}
	.fb-two:after {
	    right: -15px;
	}
	.banner-content h2{
		font-size: 60px;
	}
	.es-thumb{
		margin: 0 15px;
	}
	.es-address{
		padding-right: 135px;
	}
	.audio-thumb img{
		max-width: 100%;
	}
	.testimonial{
		padding: 92px 38px 90px;
	}
	.insta-shots a{
		width: 140px;
	}
	.f-menu ul li{
		margin: 0 15px;
	}
    .cea-quote{
    	margin-right: 15px;
    }
    .about-section .sec-title{
    	font-size: 46px;
    }
    .shaf-filter li{
    	padding: 10px 10px;
    	letter-spacing: 0;
    }
    .post-top{
    	padding: 0 80px;
    }
    .social-share,
    .post-content{
    	padding: 0 80px;
    }
    .lt-post-slider.owl-carousel .owl-nav .owl-prev{
    	left: -30px;
    }
    .lt-post-slider.owl-carousel .owl-nav .owl-next{
    	right: -30px;

    }
	.contact-Wrap{
		margin: -80px -20px 0;
		padding-right: 20px;
		padding-left: 20px;
	}
	.contact-Wrap .contact-form {
	    margin-right: 0px;
	}

}
/*------------------------------------------------------------------------------------
/ 3. Responsive For Tab Device
/--------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px){

	/*-- Home One ---*/
	.insta-shots a:nth-child(2), 
	.insta-shots a:nth-child(4), 
	.insta-shots a:nth-child(6) {
	    margin-right: 6px;
	}
	.testimonila-thumb img{
		max-width: 45%;
	}
	.testimonial p{
		margin-bottom: 18px;
	}
	.row.custom-col{
		padding-left: 30px;
	}
	.es-thumb{
		margin: 0 15px
	}
	.ec-details{
		padding-left: 20px;
		padding-right: 20px;
	}
	.ec-details h5:after{
		left: -20px;
	}
	.footer-01 .widget ul li{
		margin: 0 10px;
	}
	.feature-box{
		padding-right: 0;
		padding-left: 0;
	}
	.fb-two:after{
		right: 0;
	}
	.leader-section-2 .lead-content p{
		margin-right: 0;
	}
	.by-tickets{
		position: relative;
		right: 0;
		width: 150px;
	}
	.event-schedule{
		padding-right: 15px;
		padding-left: 15px;
	}
	.contact-Wrap{
		margin: -50px -20px 0;
		padding-right: 20px;
		padding-left: 20px;
	}

}
/*------------------------------------------------------------------------------------
/ 4. Responsive For Mobile & Tab
/--------------------------------------------------------------------------------------*/
@media (max-width: 991px){
    /*Home one*/
    .navbar.navbar-expand-lg{
    	padding: 0;
    	margin: 0 ;
    }
    .navbar-expand-lg .navbar-nav{
    	padding: 0;
    }
    .navbar.navbar-expand-lg .navbar-toggler {
	    width: 45px;
	    height: 30px;
	    padding: 8px;
	    outline: none;
	    border-radius: 5px;
	    border: 1px solid #f9c200;
	}
	.navbar.navbar-expand-lg .navbar-toggler .navbar-toggler-icon {
	    display: block;
	    width: 100%;
	    height: 1px;
	    margin: 0 0 4px;
	    background: #f9c200;
	}
	.navbar-expand-lg .navbar-nav li .nav-link{
		padding: 18px 20px;
		color: #fff;
	}
	.navbar-expand-lg .navbar-nav li{
		margin: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}
	.navbar-expand-lg .navbar-nav li:last-child{
		border: none;
	}
	.navbar-expand-lg .navbar-nav li .nav-link:before{
		display: none;
	}
	.navbar-expand-lg .navbar-nav li.dropdown .nav-link:after{
		content: "\f107";
		font-family: 'Font Awesome 5 Pro';
		color: #fff;
		font-size: 16px;
		line-height: 48px;
		position: absolute;
		right: 15px;
		top: 0;
	}
	.navbar.navbar-expand-lg .navbar-collapse {
	    position: absolute;
	    left: 0;
	    top: 100%;
	    width: 100%;
	    background: #060606;
	    border-radius: 0;
	    z-index: 99;
	}
	.navbar-expand-lg .navbar-nav li .dropdown-menu{
		position: relative;
	    visibility: visible;
	    opacity: 1;
	    width: 100%;
	    background: #fff;
	    left: 0;
	    top: 0;
	    display: none;
	    transform: none;
	    transition: none;
	    box-shadow: none;
	    transition: all .4s ease;
	}
	.navbar-expand-lg .navbar-collapse.show > li .dropdown-menu {
	    display: block;
	    top: 0;
	    transition: all .4s ease;
	}
	.navbar-expand-lg .navbar-nav li .dropdown-menu li{
		border-color: rgba(0, 0, 0, .1);
	}
	.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu li a.nav-link:after{
		color: #14212b;
		line-height: 46px;
	}
	.navbar-expand-lg .navbar-collapse .navbar-nav li .dropdown-menu li .dropdown-menu{
		visibility: visible;
		opacity: 1;
		top: 0;
		left: 0;
		display: none;
	}
	.navbar-expand-lg .navbar-collapse.show .navbar-nav li .dropdown-menu li .dropdown-menu.show {
	    display: block;
	    transition: all .4s ease;
	}
	.navbar-expand-lg .navbar-nav li .dropdown-menu li .dropdown-menu{
		right: auto;
		left: 0;
		position: relative;
		width: 100%;
		display: none;
		background: #14212b;
	}
	.navbar-expand-lg .navbar-nav li .dropdown-menu li .dropdown-menu li{
		border-color: rgba(255, 255, 255, .1);
	}
	.navbar-expand-lg .navbar-nav li .dropdown-menu li .dropdown-menu li a{
		color: #fff;
	}
	.navbar-expand-lg .navbar-nav li .dropdown-menu li .dropdown-menu li a:hover{
		color: #ff4a17;
	}
	.navbar-expand-lg .navbar-collapse.show .navbar-nav li .dropdown-menu li .dropdown-menu.show{
	    display: block;
	    transition: all .4s ease;
	}
	.navbar-expand-lg .navbar-nav li .dropdown-menu.show{
		display: block;
	}
	.audio-thumb img{
		width: 100%;
		height: auto;
	}
	footer .widget{
		margin: 0 0 50px;
	}
    .footer-02 .copyright{
    	margin: 0 0 0;
    }
    .f-menu ul li{
    	margin: 0 10px;
    }
    .mailchimp-form button, 
    .mailchimp-form input[type="submit"]{
    	padding: 0 15px;
    }
    .single-sponosore img{
    	max-width: 90%;
    }
    .sec-title{
    	font-size: 45px;
    	line-height: 60px;
    }
	.sec-title span{
		margin-left: 90px;
	}
	.testimonial{
		padding: 20px;
	}
	.event-section-2 .event-contact{
		margin: 0 0 30px;
	}
	.es-address h5{
		font-size: 16px;
	}
	.contact-box{
		margin-bottom: 30px;
	}
	.sb-inner{
		max-width: 100%;
		margin: 0 20px;
	}
	.event-contact{
		margin: 0;
	}
    .banner-slider .owl-dots{
    	right: 0;
    }
    .bs-item h2{
    	font-size: 50px;
    	line-height: 65px;
    }
    .link-bottom{
    	display: none;
    }
    #countdown .countdown-section{
    	width: 45%;
    	margin: 0 15px 30px;
    	display: inline-block;
    }
    .event-table thead tr th.artist-thumb{
    	width: 120px;
    }
    .event-table thead tr th.time{
    	width: 130px;
    }
    .leader-video{
    	margin-left: 0;
    }
    .leader-section-2 .lead-content p,
    .leader-section-2 .lead-content .brighton-btn-2,
    .leader-section-2 .sec-title span{
    	margin-left: 40px;
    }
    .cea-quote{
    	margin-right: 0;
    	margin-bottom: 30px;
    }
    .about-section .sec-title{
    	font-size: 40px;
    	line-height: 50px;
    }
    .shaf-filter{
    	margin-bottom: 50px;
    }
    .post-top{
    	padding: 0 0px;
    }
    .post-content{
    	padding: 0 0px;
    }
    .post-top p{
    	padding: 0;
    }
    .social-share{
    	padding: 0;
    }
    .latest-post-section .sec-title,
    .comment-section .sec-title,
    .comment-area .sec-title{
    	font-size: 40px;
    	stroke-linejoin: 50px;
    }
    .comment-list .children{
    	padding-left: 40px;
    }
    .post-top h2{
    	font-size: 45px;
    	line-height: 55px;
    }
    .contact-Wrap .contact-form {
	    margin-right: 0px;
	}
}
/*------------------------------------------------------------------------------------
/ 5. Responsive For Mobile Device
--------------------------------------------------------------------------------------*/
@media (max-width: 767px){
    /*Home*/
    .contact-Wrap .contact-form{
    	margin-bottom: 50px;
    }
    .contact-Wrap{
		margin: 0px 0px 0;
		padding-right: 10px;
		padding-left: 10px;
	}
    .single-comment{
    	padding-left: 0;
    }
    .single-comment img{
    	position: relative;
    	top: 0;
    	margin: 0 0 20px;
    }
    .comment-list .children{
    	padding-left: 20px;
    }
    .social-share{
    	display: block;
    }
    .social-share p{
    	margin: 0 0 20px;
    }
    .latest-post-section .sec-title,
    .comment-section .sec-title,
    .comment-area .sec-title{
    	font-size: 35px;
    	stroke-linejoin: 45px;
    }
    .comment-form .noPaddingRight{
    	padding-right: 15px;
    }
    .comment-form .noPaddingLeft{
    	padding-left: 15px;
    }
    .lt-post-slider.owl-carousel .owl-nav{
    	top: 100%;
    }
    .lt-post-slider.owl-carousel .owl-nav .owl-prev{
    	left: 0;
    }
    .lt-post-slider.owl-carousel .owl-nav .owl-next{
    	right: 0;
    }
    .post-meta{
    	display: block;
    	justify-content: center;
    }
    blockquote{
    	padding: 0;
    }
    .single-meta{
    	margin-bottom: 40px;
    }
    .post-top h2{
    	font-size: 30px;
    	line-height: 40px;
    }
    .brighton-pagination a, .brighton-pagination span{
    	margin-bottom: 3px;
    }
    .page-content h2{
    	font-size: 30px;
    	line-height: 40px;
    }
    .event-schedule{
    	display: block;
    	text-align: center;
    }
    .es-thumb,
    .es-address,
    .date{
    	margin: 0 0 15px;
    }
    .by-tickets{
    	position: relative;
    	right: 0;
    }
    .leader-section-2 .lead-content{
    	margin-bottom: 50px;
    }
    .leader-section-2 .lead-content p, 
    .leader-section-2 .lead-content .brighton-btn-2, 
    .leader-section-2 .sec-title span{
    	margin-right: 15px;
    	margin-left: 0;
    }
    .banner-content h2{
    	font-size: 40px;
    	line-height: 50px;
    }
    .banner-content p{
    	margin-bottom: 30px;
    }
    .banner-social{
    	display: block;
    	margin: 15px 0 0;
    }
    .sponsore-section:after{
    	left: 0;
    }
    .event-table thead tr th.time,
    .event-table thead tr th.artist-thumb{
    	width: 80px;
    }
    .event-table tbody tr td.artist-thumb img{
    	width: 60px;
    	height: 60px;
    }
    .event-table thead tr th{
    	margin: 0;
    	padding: 12px 9px;
    }
    .event-table tbody tr td h5{
    	font-size: 17px;
    }
    .event-table tbody tr td{
    	padding-right: 0;
    	letter-spacing: 0;
    }
    .event-table tbody tr td.artist-thumb:after{
    	display: none;
    }
    .event-table tbody tr td.time{
    	padding-left: 0;
    }
    .event-table tbody tr td.time br{
    	display: none;
    }
    .event-section .brighton-btn{
    	float: left;
    	margin: 0 0 30px;
    }
    .hero-slider{
    	padding: 250px 0;
    }
    .bs-item h2{
    	font-size: 40px;
    	line-height: 55px;
    }
    #countdown .countdown-section{
    	width: 100%;
    	margin: 0 0 30px;
    }
    .leader-thumb{
    	width: 100%;
    }
    .lead-content{
    	padding-left: 0;
    }
    .lead-content p,
    .lead-content .brighton-btn{
    	margin-left: 0;
    }
    .get-tickent-btn{
    	display: none;
    }
    .feature-box{
    	padding-left: 0;
    	padding-right: 0;
    	padding-bottom: 30px;
    }
    .feature-box:after{
    	width: 100%;
    	height: 1px;
    	right: 0;
    	top: auto;
    	bottom: 0
    }
    .testimonial-section .col-lg-7,
    .testimonial-section .col-lg-5 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.custom-col .noPadding {
	    padding-right: 15px;
	}
	.noPadding{
		padding-left: 15px;
		padding-right: 15px;
	}
	.custom-col .noPaddingLeft .single-gallery {
	    margin-left: 0;
	}
	.testimonial{
		padding: 50px 20px;
	}
	.noPaddingLeft{
		padding-left: 15px;
	}
	.noPaddingRight{
		padding-right: 15px;
	}
	.testimonila-thumb img{
		position: relative;
	}
    .sec-title{
    	font-size: 35px;
    	line-height: 50px;
    }
    .sec-title span{
    	margin-left: 40px;
    }
    .f-social, .f-logo{
    	text-align: center;
    }
    .f-menu{
    	margin: 25px 0;
    }
    .f-menu ul li{
    	margin: 0 7px;
    }
    .icon-box span br{
    	display: none;
    }
    .f-logo{
    	margin: 0 0 30px;
    }
    .footer-02 .copyright{
    	margin: 0 0 0;
    }
    .mailchimp-form button, .mailchimp-form input[type="submit"]{
    	padding: 0 8px;
    	font-size: 14px;
    }
    
}