@media(max-width:1366px){
    .carousel-caption h3 {
        font-size: 54px;
    }
    .carousel-caption{
        bottom: 114px;
    }
    .carousel-indicators {
        bottom: 6%;
    }
    .step_carousel .carousel-indicators li span{
        width: 600px;
    }
    .step_carousel .carousel-indicators li{
        margin: 0 0 50px;
    }
    footer .container .foot .foot_right dd{
        font-size: 24px;
    }
}
@media(max-width:1024px){
    .navbar-inverse .navbar-nav > li > a{
        font-size: 12px;
    }
    .carousel-caption h3{
        font-size: 40px;
    }
    .carousel-caption{
        bottom: 70px;
    }
    .carousel-caption p{
        font-size: 16px;
        margin: 20px 4px;
    }
    .btn img{
        width: 120px;
    }
    .carousel-caption .btn{
        padding: 0 4px;
    }
    .carousel-indicators{
        bottom: 6%;
    }
    .carousel-caption .bulids{
        margin-left: -20px;
    }
    .text_logo .proctor {
        font-size: 24px;
        margin-left: 40%;
    }
    .title{
        padding-bottom: 0;
    }
    .title h2{
        font-size: 28px;
    }
    .bg-one h3{
        font-size: 18px;
    }
    .bg-one p{
        font-size: 16px;
        width: 268px;
    }
    .text_logo .banner45 {
        font-size: 30px;
        margin-left: 70%;
    }
    .text_logo .banner46 {
        font-size: 24px;
        margin-left: 64%;
    }
    .text_logo .banner48 {
        font-size: 20px;
        position: relative;
        top: -90px;
        margin-left: 0;
    }
    .text_logo .banner47 {
        font-size: 20px;
        margin-left: -16%;
        position: relative;
        top: -40px;
    }
    .text_logo .banner41 {
        position: relative;
        top: 20px;
    }
    #services .title {
        padding-bottom: 70px;
    }
    .step_carousel .carousel-indicators{
        left: 142px;
    }
    .step_carousel .carousel-indicators li span{
        width: 410px;
    }
    .step_carousel .carousel-indicators li{
        margin: 0 0 60px;
    }
    #services {
        padding: 70px 0;
    }
}
@media(max-width:768px){
    .text_logo .banner41{
        font-size: 14px;
    }
    .text_logo .banner43{
        font-size: 18px;
    }
    .text_logo .banner48 {
        font-size: 24px;
        margin-left: 60%;
    }
    .text_logo .banner45{
        font-size: 20px;
    }
    .text_logo .banner47 {
        position: absolute;
        top: 335px;
        left: 0;
        font-size: 20px;
        margin-left: 0;
    }
    .text_logo .banner42 {
        position: relative;
        top: 10px;
    }
    .text_logo .banner41{
        position: relative;
        top: 50px;
    }
    .step_carousel .carousel-indicators li{
        margin: 0 0 38px 0;
    }
    .step_carousel .carousel-indicators li span {
        font-size: 20px;
        margin-top: -25px;
        width: 344px;
    }
	.navbar-inverse .navbar-nav > li > a{
	    padding: 20px 6px;
	    font-size: 12px;
	}
    .navbar-inverse .navbar-nav > li > a:hover{
        font-size: 14px;
    }
    .step_carousel .carousel-indicators{
        top: -360px;
        left: 77%;
    }
    .head_carousel .carousel-indicators {
        bottom: 2%;
    }
	#logo img{
		width: 92px;
	}
	.carousel-caption{
		bottom: 24px;
	}
	.carousel-caption h3{
		font-size: 30px;
	}
	.carousel-caption p{
		font-size: 16px;
        margin: 10px 4px;
	}
	.carousel-caption .btn{
		padding: 0 4px;
	}
	.btn{
		margin-top: 0;
	}
	.btn img{
		width: 100px;
	}
	#about{
		padding: 40px 0;
	}
	.title{
		padding-bottom: 20px;
	}
	.carousel-caption .bulids,.carousel-caption .once{
		margin-left: -20px;
	}
	#item4 .text_logo{
		padding-top: 0;
	}
	.text_logo .proctor{
		font-size: 18px;
		margin: 0 4px;
        padding-left: 45%;
	}
    .title h2{
        font-size: 20px;
    }
    .bg-one h3{
        font-size: 18px;
    }
    .bg-one p{
        font-size: 16px;
        width: 476px;
    }
    #stepCarousel .phone_left{
        margin: 0;
        width: 250px;
    }
    #stepCarousel .phone_right{
        height: 200px;
    }
    .step_carousel .phone_back img{
        width: 250px;
    }
    .step_carousel #stepCarousel .carousel-inner .item img{
        width: 210px;
    }
    .step_carousel #stepCarousel .carousel-inner{
        width: 210px;
        left: 20px;
        top: 52px;
    }
    #services .title {
        padding-bottom: 60px;
    }
    #services {
        padding: 70px 0 0;
    }

    .head_carousel #inner .col-md-12{
        padding-left: 0;
    }
    #showcase {
        padding: 0 0 70px;
    }
    #our-team article p{
        font-size: 18px;
    }
    #join_us{
        padding: 40px 0;
    }
    #join_us .container .row .col-md-6 p{
        font-size: 20px;
    }
    #join_us .container .row .col-md-6 a{
        width: 90px;
        height: 40px;
        padding-top: 8px;
    }
    footer .container .foot dt{
        font-size: 36px;
    }
    footer .container .foot{
        margin-top: 60px;
    }
    #our-team article p span{
        font-size: 22px;
    }
}
@media(max-width:480px){
    #logo img{
        width: 60px;
    }
    .navbar{
    	height: 30px;
    }
    .navbar-brand{
    	padding: 0;
    }
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    	border: none;
    	background-color: #428bcad9;
    }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    	background-color: transparent;
    }
    .navbar-inverse .navbar-nav > li > a{
    	text-align: center;
	    padding: 5px 15px;
    }
    .carousel-caption{
    	bottom: -42px;left:0;
    }
    .carousel-caption h3{
    	font-size: 15px;
    }
    .carousel-caption p{
    	margin: 0;
    	font-size: 12px;
    }
    .btn img{
    	width: 50px;
    }
    .btn{
    	margin-top: 5px;	
    }
    h3{
    	margin-top: 10px;
    	font-size: 16px;
    	font-weight: 600;
    }
    .head_carousel p.safety{
    	width: 220px;
    }
    .carousel-caption .btn{
    	padding:0;
    }
    .carousel-indicators{
    	bottom: 0;
    }
    .carousel-indicators li{
    	width: 6px;
    	height: 6px;
    	border-radius: 3px;
    }
    .carousel-indicators .active{
    	width: 8px;
    	height: 8px;
    	border-radius: 4px;
    }
    .carousel-caption .bulids,.carousel-caption .once{
    	margin-left: -8px;
    }
    #main-features p,#main-features a{
		font-size: 12px;
    }
    #item4 .text_logo{
    	bottom: 8px;
    }
    .text_logo .features-item{
    	margin-top: 8px;
    }
    .carousel-caption .once{
    	margin-top: 20px;
    }
    .text_logo .banner41{
    	margin-left: 60%;
        top: 0;
    }
    #item4 .text_logo .banner42{
    	margin-left: 24%;
    }
    .text_logo .proctor{
    	margin-left: 28%;
        padding: 0;
    }
    .text_logo .banner45{
    	margin-left: 60%;
    }
    .text_logo .banner46{
    	margin-left: 3%;
    }
    .text_logo .banner47{
    	position: absolute;
    	top: 170px;
    	left: 0;
    }
    .text_logo .banner48{
    	position: absolute;
    	top: 108px;
    	margin-left: 62%;
    }
    .title{
    	padding-bottom: 10px;
    }
    .title h2{
    	font-size: 16px;
    }
    .border{
    	width: 50px;
    }
    #services{
    	padding: 30px 0 0;
    }
    #services .phone_right{
    	height: 200px;
        margin-left: 0;
    }
    #services .title{
    	padding-bottom: 30px;
    }
    #stepCarousel .phone_back{
    	left: 0;
    }
    .step_carousel .phone_back img{
    	width: 140px;
    }
    .step_carousel #stepCarousel .carousel-inner .item img{
    	width: 120px;   
    }
    .step_carousel #stepCarousel .carousel-inner{
    	left: -5px;
    	top: 28px;
        width: 120px;
    }
    .step_carousel .carousel-indicators{
	    top: -206px;
    	left: 240px;
    }
    .step_carousel .carousel-indicators li{
    	width: 20px;
    	height: 20px;
    	padding-top: 0;
    	margin: 0 0 20px 0;
    	border-radius: 10px;
    }
    .step_carousel .carousel-indicators li span{
    	font-size: 12px;margin-left: 35px;
    	margin-top:-19px;
    	width: 158px;
    }
    #about{
    	padding: 20px 0;
    }
    .icon-box{
    	margin: 20px auto 100px;
    }
    .bg-one h3 {
        font-size: 16px;
    }
    .bg-one p{
    	display: table-cell;
    	font-size: 14px;
    }
    #showcase{
    	padding: 0;
    }
    #showcase .faqs{
    	margin: 30px 0 0;
    }
    #showcase .swiper-container{
    	height: 470px;
    	padding-bottom: 0;
    }
    .swiper-slide .answer{
    	font-size: 13px;
    }
	.swiper-slide .question{
		font-size: 15px;
	}
	#our-team{
		padding: 30px 0;
	}
	#our-team article p{
		font-size: 14px;
	}
	#our-team article p span{
		font-size: 16px;
	}
	#join_us{
		padding: 30px 0;
	}
	#join_us .container .row{
		margin-bottom: 10px;
	}
	#join_us .container .row .col-md-6 p{
		font-size: 16px;
		
	}
	#join_us .container .row .col-md-6 a,#showcase .more a,#join_us .container .row .job_more a{
		width: 80px;
		height: 40px;
		padding-top: 9px;
		font-size: 16px;
	}
	footer .container .foot .foot_left dl{
		width: 220px;
	}
	footer .container .foot .foot_left{
		display: table;
	    padding-left: 18px;
	    margin: 0 auto;
	}
    
	footer .container .foot img{
		width: 40px;margin-right: 12px;
	}
	footer .container .foot dt{
		font-size: 14px;
	}
	footer .container .foot .col-lg-6 dd{
		font-size: 12px;
	}
	footer .container .foot .line_foot{
		width: 135px;
		border:1px solid #fff;
	}
	footer{
		height: 148px;
	}
	footer .container .foot{
		margin-top: 20px;
	}
}
@media(min-width:414px){
	#showcase .swiper-container{
    	height: 500px;
    	padding-bottom: 0;
    }
    .text_logo{
        bottom: -15px;
    }
}
@media(max-width:320px){
	.navbar-inverse .navbar-nav > li > a{
		font-size: 14px;
	}
    .carousel-caption h3{
    	font-size: 13px;
    }
    .carousel-caption{
    	bottom: -60px;
    }
    #item4 .text_logo{
    	bottom: 9px;
    }
    .carousel-caption .once{
    	margin-top: 2px;
    }
    .text_logo .proctor{
    	margin-left: 15%;
    }
    .text_logo .banner48{
	    top: 94px;
    	margin-left: 55%;
    }
    .text_logo .banner47{
	    top: 3px;
    	left: -2%;
    }
    .text_logo .banner42{
        top: 0;
    }
    .text_logo .banner45{
	    position: absolute;
    	top: 163px;
    	left: 15px;
    }
    .text_logo .banner46{
	    position: absolute;
	    margin-left: -4%;
	    top: 164px;
    }
    .step_carousel .carousel-indicators{
    	left: 215px;
    }
    .step_carousel .carousel-indicators li span{
    	width: 116px;
    	margin-left: 26px;
    }
    .step_carousel .carousel-indicators li:nth-child(1){
    	margin-bottom: 34px;
    }
    .step_carousel .carousel-indicators li:nth-child(2){
		margin-bottom: 34px;
    }
     .step_carousel .carousel-indicators li:nth-child(3){
    	margin-bottom: 10px;
    }
    .step_carousel .carousel-indicators li:nth-child(6){
		margin-bottom: 50px;
    }
    #showcase .swiper-container{
    	height: 450px;padding-bottom: 50px;
    }
    .swiper-slide .answer{
    	font-size: 12px;
    }
    .swiper-slide .question{
    	margin: 4px 0;
    	font-size: 14px;
    }
    #showcase .more{
    	margin-top: 0;
    }
    footer .container .foot .foot_left dl{
    	width: 180px;
    }
    .bg-one h3 {
        font-size: 14px;
    }
    .bg-one p{
        font-size: 12px;
    }
    #scrollUp{
        right: 0;
    }
}