/*======================================================
Screen Style Sheet
PROJECT
------------------------------------------------------
Author(s): NAME
Created: DATE
======================================================*/

/* Small Desktop */
@media(max-width: 1400px){
	#home-banner .social-media{
		display: none;
	}
}

/* Tablet */
@media only screen and (max-width: 1199px) {
	/* body.logged-in #header{
		top: 32px;
	}
	body.logged-in #header.scrolling{
		top: 32px;
	} */
	#wpadminbar{
		position: fixed;
	}
    /* Paragraph */
    body{
        padding-top: 160px;
    }
    a:hover,
    a:active{
        text-decoration: none;
    }
    /* Scaffolding */
	.t100{
		width: 100%;
	}
	.t100.wp-block-columns{
		flex-wrap: wrap !important;
	}
	.t100 .wp-block-column{
		width: 100% !important;
		flex-basis: 100%!important;
	}
	.t100 .wp-block-buttons.is-content-justification-right{
		justify-content: flex-start;
	}
	.t100 .wp-block-buttons.is-content-justification-center{
		justify-content: flex-start;
	}
	.t100 .wp-block-image.size-full img{
		max-height: 400px;
		width: auto;
	}
	.swap-tablet{
		flex-direction: column-reverse;
	}
	.no-gap{
		gap: 0 !important;
	}
	section > div > .wp-block-columns > .wp-block-column.has-background:first-child{
		padding-left: 20px;
		padding-right: 0;
	}
	section > div > .wp-block-columns > .wp-block-column.has-background:last-child{
		padding-right: 20px;
	}
	section > div > .wp-block-columns.t100 > .wp-block-column.has-background:first-child{
		padding-right: 20px;
	}
	section>div>.wp-block-columns.t100>.wp-block-column.has-background:last-child{
		padding-left: 20px;
	}

	/* Universal */
	ul.breadcrumbs{
		padding: 20px 0 0;
	}
	.tel{
	    pointer-events: all;
	}
	.fancybox-stage{
		width: 80%;
		margin: 0 auto;
	}
	.fancybox-arrow{
		width: 40px;
	}
	h2, .h2 {
		font-size: 33px;
		line-height: 36px;
	}
	.heading{
		padding-left: 25px;
	}
    /* Header */
	#header-bottom nav > div{
		display: none !important;
	}
	#header-bottom .search-trigger{
		padding-left: 0;
		line-height: 41px;
		width: 40px;
		moz-transition: none;
		-o-transition: none;
		-webkit-transition: none;
		transition: none;
	}
	#header-bottom .search-trigger.active{
		font-size: 20px;
		position: relative;
		top: 1px;
	}
	#header-bottom .menu-trigger{
		font-size: 20px;
		font-weight: bold;
		padding-right: 20px;
		padding-top:10px;
		width: 40px;
	}
	#header-bottom .menu-trigger.active i:before{
		content:'\f00d';
	}
	#search-dropdown{
		right: 0;
	}
	#search-dropdown.active{
		top: 160px;
	}
	.logged-in #search-dropdown.active{
		top: 200px;
	}
    
    /* Banners */
    #home-banner,
    #home-banner .slide,
    #home-banner .constrain{
    	height: 450px;
    }
   
    /* Buckets */
	
	/* Stats */
	.stats.five-columns .item,
	.stats.four-columns .item{
		width: 33.33%;
	}
	
	/* Quick Contact */
	#quick-contact{
		flex-wrap: wrap;
		padding-bottom: 0;
	}
	#quick-contact:after{
		display: none;
	}
	#quick-contact .column{
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	#quick-contact .column:first-child{
		padding-bottom: 40px;
	}
	#quick-contact .column:last-child{
		padding-top: 40px;
	}
	#quick-contact h2{
		max-width: 100%;
	}
	
	/* Team */
	#team{
		margin-left: 0;
		margin-right: 0;
	}
	#team .item{
		width: 33.33%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Footer */
	#footer .constrain{
		flex-wrap: wrap;
	}
	#footer ul.footer-menu.three-column{
		column-count: 2;
	}

}
@media(max-width: 991px){
	/* Tabbed Content */
	.wp-block-ub-tabbed-content-tab-holder.vertical-tab-width{
		width: 100%;
	}
	.wp-block-ub-tabbed-content-tabs-title-tablet-horizontal-tab{
		flex-direction: column;
	}
	.wp-block-ub-tabbed-content-tab-title-vertical-wrap{
		border: 1px solid #B0B3B1;
		border-top: 0;
	}
	.wp-block-ub-tabbed-content-tab-title-vertical-wrap:first-child{
		border-top: 1px solid #B0B3B1;
	}
	.wp-block-ub-tabbed-content-tabs-content.vertical-content-width:after{
		display: none;
	}
	.wp-block-ub-tabbed-content-tabs-content.vertical-content-width{
		padding: 30px;
	}
	.qc-call .subheading{
		padding:0;
	}
	.files{
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		overflow-x: scroll;
	}
	.files .item {
		margin: 10px 0;
		padding: 0;
		width: 100%;
		flex-grow: 1;
		flex-basis: 100%;
	}
	.files a, .wp-block-file a {
		border-radius: 40px;
		border: 1px solid #008BFE;
		padding: 14px 25px 10px 55px;
		display: flex;
		text-wrap: wrap;
		align-items: center;
		column-gap: 32px;
		text-align: center;
		justify-content: center;
	}
}

/* Phone (portrait and landscape) */
@media only screen and (max-width : 767px) {
	body.logged-in #header{
		top: 46px;
	}
	body.logged-in #header.scrolling{
		top: 46px;
	}
	h1, .h1 {
		font-size: 36px;
		line-height: 40px;
	}
	h2, .h2 {
		font-size: 32px;
		line-height: 38px;
	}
	ul.breadcrumbs{
		padding: 20px 10px 0;
	}
    /* Scaffolding */
	.swap-mobile{
		flex-direction: column-reverse;
	}
	section > div > .wp-block-columns > .wp-block-column.has-background:last-child{
		margin-top: -30px;
		padding-left: 12px;
	}
	.wp-block-buttons.is-content-justification-right{
		justify-content: flex-start;
	}
	
	
	/* Universal */
	#main .wp-block-uagb-container.uagb-is-root-container {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	#main.template-front-page>.wp-block-uagb-container.uagb-is-root-container:not(:last-child){
		padding-top: 0 !important;
	}
	.wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container{
		padding:0 !important;
		margin:10px 0;
	}
    .forms .input-group{
        width: 100%;
    }
	.table-responsive table{
        min-width: 767px;
    }
    .table-responsive:before{
        content: "Swipe to scroll »";
        font-size: 13px;
        font-weight: bold;
        color: #010101;
        margin-bottom: 5px;
        display: block;
        float: left;
    }
	.is-vertically-aligned-center .is-content-justification-center.wp-block-buttons .wp-block-button{
		margin-right: auto;
	}
	/* Banners */
	#home-banner{
		height: auto;
	}

	/* Buckets */
	.bucket{
	    width: 100%;
	}
	
    /* Tabbed Content */
	.wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab{
		flex-direction: column;
	}
	.wp-block-ub-tabbed-content-tab-title-wrap{
		border-bottom: 0;
	}
	.wp-block-ub-tabbed-content-tab-title-wrap:last-child{
		border-bottom: 1px solid #929595;
	}
		
	/* Icon List */
	.icon-list.two-columns ul,
	.icon-list.three-columns ul,
	.icon-list.four-columns ul{
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.icon-list + .wp-block-buttons{
		margin-top: 25px;
	}
	.icon-list + .link-wrapper{
		margin-top: 0;
	}
	/* Team */
	#team .item{
		width: 100%;
	}
	
	/* Stats */
	.stats.five-columns .item,
	.stats.four-columns .item,
	.stats.three-columns .item{
		width: 50%;
	}
	.stats .number{
		font-size: 40px;
    	line-height: 40px;
	}
	.stats p{
		font-weight: 400;
		font-size: 16px;
		line-height: 22px;
		letter-spacing: 0.02em;
	}
	/* Footer */
	#footer .column{
		width: 100%;
	}
	.heading{
		padding-left:0;
	}
	.heading:before{
		width: 0;
		height: 0;
	}
	.tri-tabs {
		width: 320px;
		height: 320px;
	}
	.tri-tabs .tab-item{
		width: 240px !important;
		height: 200px !important;
		background-size: auto 100% !important;
	}
	.tri-tabs .tab-item.identify{
		left: 5px;
	}
	.tri-tabs .tab-item.implement{
		top: 93px;
		left: 0;
	}
	.tri-tabs .tab-item.innovate {
		left: 100px;
		top: 73px;
	}
	.first-col .content-inner{
		padding: 30px 20px;
	}
	.custom-buckets .content-inner{
		height: auto;
	}
	.slick-prev{
		left:5px;
		z-index:1;
	}
	.slick-next{
		right:5px;
	}
	.case-study-content{
		padding:40px;
	}
	.elevate-banner {
		margin: 0;
	}
	.elevate-banner .inner {
		position: relative;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start !important;
		margin-bottom: 10px;
	}
	.elevate-banner .inner p{
		text-transform: capitalize;
	}
	.elevate-banner .inner p br{
		display: none;
	}
	.d-flex.align-items-center{
		display: flex !important;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start !important;
		row-gap: 10px;
	}
	.row{
		row-gap: 15px;
	}
	.quick-contact-box{
		padding:30px;
	}
	.wpcf7-form .input-group{
		width: 100%;
	}
	.wpcf7-form .fieldset .text-center.w25{
		width: 100%;
	}
	.footer-bottom{
		margin-top:20px;
	}
	#footer ul.footer-menu.three-column{
		column-count: 1;
	}
}
@media(max-width: 500px){
	h1, .h1{
		font-size: 30px;
	}
}