/* Fida Marwat (Sr. UXUI and Front End Developer) */

.navbar-brand img {

    width: 230px !important;
}


/* first media query for mobile responsiveness */

@media(min-width:280px) and (max-width:320px){
	.navbar-brand{
		padding: 0px;
	}

	#banner-section .navbar {
		margin-top: 30px;
		height: 65px !important;
		align-items: center;
		display: inline-flex;
		width: 100%;
		justify-content: space-between;
	}

	.navbar-brand img {
		margin: 0px;
		width: 170px !important;
	}

	.navbar-toggler{
		border-color: #30B6F3;
		margin-right: 10px;
	}
}

@media(max-width:767px){

	.footer-navs .center-li {
		padding: 0px 10px;
	}

    .instructions{
    	display: flex;
    	align-items: center;
    	justify-content: flex-start;
    	margin-bottom: 20px;
    }

	.navbar-brand{
		padding: 0px;
	}

	#banner-section .navbar {
		margin-top: 30px;
		height: 95px;
		align-items: center;
		display: inline-flex;
		width: 100%;
		justify-content: space-between;
	}

	.navbar-brand img {
		margin: 0px;
		width: 260px;
	}

	.navbar-toggler{
		border-color: #30B6F3;
		margin-right: 10px;
	}

	.fa-bars{
		color: #30B6F3 !important;
	}

    .collapse{
    	background-color: #fff;
    	z-index: 999;
    	border-bottom: 1px solid #ccc;
       padding-bottom: 15px;
       box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px
    }

	.sidebar{
		position: relative !important;
		margin-bottom: 60px;
	}

	.navbar-nav{
		flex-direction: column;
	}

	.btn-default{
		margin-bottom: 15px;
	}

	.card{
		overflow: auto !important;
	}

	.table-responsive{
		width: 1000px;
	}

	#top-bar {
	    margin-bottom: 0px;
	}

	.delete-text{
		display: none;
	}

	.media{
		margin-top: 30px;
	}

	.process-step{
		width: 50%;
	}

	.absolute-card{
		position: relative;
	}

	.btn-line:before{
		width: 0px;
	}

	.nav-pills{
		display: inline-block;
	    width: 100%;
	    border-radius: 20px;
	}

	.nav-pills .nav-item{
		padding-left: 0px;
	}

	.carousel-control-prev{
	    left: 0px;
	}

	.carousel-control-next{
	    right: 0px;
	}

	.custom-search-btn{
		margin: auto;
		display: block;
	}

	.custom-jumbtron h5,
	.custom-jumbtron p{
		text-align: center;
	}

	.custom-jumbtron img,
	.custom-jumbtron .btn{
		margin: auto;
		display: block;
	}

	.form-select {
		margin-bottom: 12px;
	}

	.custom-row{
		overflow-x: auto;
		white-space: nowrap;
		flex-flow: nowrap;
	}

	.custom-row .mb-3{
		display: grid;
		height: 100px;
      overflow-y: auto;
	}

	.time-visiblee{
		visibility: visible;
	}

	.custom-row .time{
		position: fixed;
	}

	.modal-content{
		overflow-y: auto;
		height: auto;
	}

	.select2-container {
	    width: 100% !important;
	}

	.modal-body .select2-container{
		width: 95% !important;
	}

}


/* second media query for tablet responsiveness */

@media(min-width:768px) and (max-width:991px){

	.navbar-brand{
		padding: 0px;
	}

	#banner-section .navbar {
		margin-top: 30px;
		height: 87px;
		align-items: center;
		display: inline-flex;
		width: 100%;
		justify-content: space-between;
	}

	.navbar-brand img {
		margin: 0px;
		width: 260px;
	}

	.navbar-toggler{
		border-color: #30B6F3;
		margin-right: 15px;
	}

	.custom-bg{
		display: inline-block !important;
		width: 100%;
	}

	.select2-container {
	    width: 100% !important;
	}

	.custom-jumbtron{
		display: inline-block;
		width: 100%;
	}

	.custom-jumbtron .col-sm-12{
		width: 100%;
		margin-bottom: 15px;
	}

	.navbar-brand{
		padding: 0px;
	}

	.navbar-brand img{
		margin: -6px 0px;
	}

	.navbar-toggler{
		border-color: #30B6F3;
	}

	.fa-bars{
		color: #30B6F3 !important;
	}

    .collapse{
    	background-color: #fff;
    	z-index: 999;
    	border-bottom: 1px solid #ccc;
       padding-bottom: 15px;
       box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px
    }

	.navbar-nav{
		flex-direction: column;
	}
}



/* third media query for laptop responsiveness */

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

	.navbar-brand img {
		margin: 0px;
	}
	.custom-bg{
		display: inline-block !important;
		width: 100%;
	}

	.select2-container {
	    width: 100% !important;
	}
}

@media(min-width:1024px) and (max-width:1365px){}