@media screen and (max-width:980px){
	body{
		padding-top:67px;
	}
	header{
		background-color:#1D1F26;	
	}
                     
 	.trent-slider{
	    height: calc(100vh - 67px)!important;
	}
	.menu-trigger, .close-trigger{ display: block; }
        .logo{width: 180px;}
	nav{
		float: none;
		width: 100%;
		position: fixed;
		background-color: rgba(29, 31, 38,0.9);
		top: 0;
		right:-100%;
		height: 100%;
		padding-top:80px;
		overflow-y:scroll;
		-moz-transition-property: right;
	    -o-transition-property: right;
	    -webkit-transition-property: right;
	    transition-property: right;
	    -moz-transition-duration: 0.6s;
	    -o-transition-duration: 0.6s;
	    -webkit-transition-duration: 0.6s;
	    transition-duration: 0.6s;
	    -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}
	nav.open{
		right:0;
	}
	.banner img{
		height: calc(100vh - 67px);
	}
	nav li{
		float:none;
		display: block;
		text-align: right;
	}
	nav a{
		padding:10px 15px;
	}
	nav li > ul{
		width: 100%;
		position: relative;
		padding-right:20px;
		padding-top:0;
		top:0 !important;
		opacity: 1;
		visibility: visible;
		max-height: 0;
		overflow: hidden;
	}
	nav li:hover > ul{
		max-height:100%;
	}
	.course-row li{ width:50%; }
	.course-row li img{ width:100%; }
	.banner-content{ max-width:100%; }
	.form-section{ padding-right:15px; }
       .courses-col{
		-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
		max-width:100%;
	}
        .courses-col h2{padding-bottom:50px}
         .training-grid [class*="col-"]{-ms-flex: 0 0 33.333%;
    	flex: 0 0 33.333%;
		max-width:33.333%;}
        .training-grid [class*="col-"]:nth-child(even) .content-blk{background-color:transparent !important;}
        .training-grid [class*="col-"]:nth-child(odd) .content-blk { background-color:#fc631c !important;}
}
@media screen and (max-width:768px){
    footer{ padding-bottom: 0}
    
    .overlay{ display: none; }
/*    .courses-col > div{ padding:120px 20px 90px;}*/
    .footer-brand, .footer-nav{padding-top: 20px;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;}
    .count-col{    -webkit-box-flex: 0;
    max-width: 100%;
    flex: 0 0 100%;}
    .count ul {
    padding-top: 0px;}
   
   /*.arrow{display:none;}*/
   .arrow{   
    background: transparent;
    color: #051635;
    top: auto;
    right: auto;
    text-align: center;
    width: 100%;
    margin: 0;
    height: 45px;
    line-height: 100%;    
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
   i.fa.fa-arrow-left.left {
    margin-right: 30px;
   
}
i.fa.fa-arrow-left {
    display: inline-block;
}
i.fa.fa-arrow-right {
    margin-left: 30px;
}
/*     .courses [class*="col-"]:first-child{ display:none; }*/
    
    
}
@media screen and (max-width:640px){
	.logo{ position: relative; width:180px; float: left;}
	.banner-content h1{ font-size:26px; line-height:30px; padding-bottom: 0 }
        .banner-content p{ display: none}
	[class*='col-']{
		-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
		max-width:100%;
	}
	.section, .sub-page-wrapper{
		padding:50px 0;
	}
	
	table{ border: none; }
	table td,
	table tr {
		display: block;
		width: 100%;
	}

	table tr td{
		border-left: none;
		border-bottom: 1px solid #e2e6e8;
	}

	table tr:first-child {
		display: none;
	}

	table tr {
		margin-bottom: 20px;
		border: 1px solid #e2e6e8;
		border-bottom: none;
	}

	table tr:last-child {
		margin-bottom: 0;
	}

	table td {
		border: none;
		border-bottom: 1px solid #e2e6e8;
		position: relative;
		padding-left: 50% !important;
		white-space: normal;
		text-align: left;
	}

	table td:before {
		position: absolute;
		top: 10px;
		left: 0px;
		width: 50%;
		padding-left: 15px;
		white-space: nowrap;
		text-align: left;
	}

	table td:before {
		font-weight: 700;
		content: attr(data-title);
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.whatWeDo .col-4{ margin-bottom:20px; }
	.whatWeDo .col-4:last-child{ margin-bottom: 0; }
        .footer-nav{ padding-top: 0}
	footer{
		padding-top: 0;
	}
	.footer-link{
		float: none;
		margin:-20px -15px;
		margin-bottom:20px;
	}
	.footer-link li{
		border-bottom:1px solid #333;
		display: inline-flex;
		padding:10px;
		margin:0;
	}
        .social{margin-bottom: 0px;}
	.footer-link li a{
		display: block;
		padding:10px 0;
	}
	.follow-us-on{ float: none; text-align: center; }
	.scroll-nav-step{ margin-bottom:30px; }
	.spec-tab, .scroll-nav-step{ overflow: hidden; }
	.scroll-tab, .scroll-step{     overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-appearance: none;
    appearance: none;}
    .accordion h5{ padding-left:0; padding-right:50px; }
    .content-row{ padding-bottom:100px; }
    .whatWeDo{ padding-top: 0; padding-bottom:80px;}
/*    .courses [class*="col-"]{ padding-top:120px; padding-bottom:80px; }
    .courses [class*="col-"]:first-child{ display:none; }*/
    .contact-row, .contact-row h2{ padding-top: 0; }
    .contact-row p{ padding-bottom:50px; }
     .contact-row{ padding-bottom:0 }
     .contact-row .col-6:first-child{ padding-top: 20px}
     .courses-col > div{ padding:0px 0 40px;}
     .training-grid [class*="col-"]{-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
		max-width:100%;}
     .bg-color {
       padding: 50px 0px 70px;}
}

@media screen and (max-width:568px){
	
	.logo{ position: relative; width:180px; float: left;}	
	.course-row li{ width:100%; }
        .social .link { float: left;}
    
}