@media (max-width: 991px){
	
	.header-sec .cus-navbar > li{
    	margin-left: 7px;
	}
	.header-sec .cus-navbar > li > a{
		text-transform: none;	
	}
	.header-sec .navbar-brand img{
		width: 210px;
	}
	.blogdtl-wrap{
		width: 100%;
		border-right: 0;
	    margin-left: 0px;
    	padding-right: 60px;
    }
	.blogdtl-wrap::before{
		left: -45px;
	}
	.blog-sidebar{
		padding-top: 40px;
	}

}


@media (max-width: 767px){
	.why-wrap{
		flex-direction: column;
	}
	.contact-panel{
		width: 100%;
	}
	.header-sec .navbar-toggle{
		margin-top: 20px;
	}
	.header-sec .navbar-brand{
		padding-top: 10px;
		height: auto; 
	}
	.header-sec.sticky .navbar-brand, .header-sec.public .navbar-brand{
		padding: 10px 15px;
	}

	.header-sec .cus-navbar{
		background-color: #fff;
	}
	.header-sec .cus-navbar > li > a {
	    padding: 25px 5px 20px;
	    color: #666;
	}

	.header-sec .navbar-collapse{
		border-top: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.why-sec{
		flex-direction: column;
	}
	.terminal-img img{
		width: 100%;
		object-position: center;
		-o-object-position: center;
	}
	.terminal-img img:last-child {
	    width: 100%;
	}
	.contact-sec{
	    flex-direction: column;
	}
	/*.contact-panel {
	    height: 550px;
	}*/
	.cus-navbar li.dropdown > .dropdown-menu{
	    right: 0;
	    left: auto;
	}

	.nav-tabs>li > a::after{
		display: none;
	}
	.aside-wrap .nav-tabs > li{
		border-right: 0;
	}
	.training-right{
		margin-left: 0;
	}
	.training-aside{
		width: 100%;
	    margin-right: 0;
	    float: left;
	    position: relative;
		margin-bottom: 20px;
	}
	.training-panel > h3{
		margin-bottom: 0;
	}
	.training-headtext > h1{
		font-size: 24px;
		padding: 0 30px;
	}
	.training-headtext > h4{
		font-size: 18px;
		padding: 0 30px;
	}
	.blog-wrap{
        padding: 0;
        border-right: 0;
        min-height: auto;
    }
}

@media (max-width: 640px){
	.blogdtl-wrap::before{
		display: none;
	}
	.blogdtl-wrap{
		padding-right: 0;
	}
	.blogdtl-text{
		padding: 0;
	}
	.blogdtl-title{
		color: #01111f;
	}
	.blogdtl-date{
		color: #6a7889;
	}
	.blogdtl-title{
		font-size: 26px;
	}
	.filterDiv {
        flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
        -moz-flex: 1 1 50%;
        -o-flex: 1 1 50%;
    }
}

@media (max-width: 580px){
	.filter-tab .btn{
		min-width: 110px;
	}
	.header-sec .navbar-brand img {
	    width: 180px;
	}
	.header-sec .navbar-toggle {
	    margin-top: 20px;
	}
	.header-sec .cus-navbar > li{
		display: block;
	}
	.header-sec .cus-navbar > li > a {
	    padding: 10px 5px 10px;
	}
	.cus-navbar li.dropdown > .dropdown-menu {
	    right: auto;
	    left: 0;
	    height: 204px;
	    overflow: auto;
	}

	.info-desc{
		padding: 50px 40px 40px;
	}
	.banner-slide h1 {
	    font-size: 24px;
	}
	.heading-box{
		font-size: 32px;
	}
	.why-text{
		padding: 0 20px;
	}
	.approach-section .blocks-section {
	    padding: 30px 10px 0px;
	}
	.help-panel{
	    padding: 0 20px;
	}
    .help-panel h1 {
        font-size: 24px;
    }
    .help-panel h1, .help-panel h4 {
        line-height: 1.5;
    }
    .help-panel h4 {
        font-size: 16px;
        font-weight: normal;
        margin-top: 15px;
        letter-spacing: 1px;
    }
    .contact-form h3 {
        margin: 0px 0 20px;
        font-size: 40px;
    }
    .blog-box{
        flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        -moz-flex: 0 1 100%;
        -o-flex: 0 1 100%;
    }
}

@media (max-width: 420px){
	.filter-tab .btn{
		width: 100%;
	}
	.selector{
		top: 3px;
		height: 45px;
	}
	.filter-panel{
        flex-direction: column;
    }
}