

/*
Author: Bootstrapthemes
Author URI: http://www.xpeedstudio.com
*/

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    body {
        font-size: 1rem;
    }

}
@media (max-width: 1000px) {
    .navbar-brand {
        height: 80px;
        padding: 10px 15px;
    }

}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
	.about-cp-img{
		width: 100%;
		float: left;
/* 		padding: 20px; */
	}
	/* 
	.works-text h4{
		font-size: 15px;
		color: #ffffff;
		margin-bottom: 5px;
	}
	.works-text h5{
		font-size: 10px;
		color: #ffffff;
	}
	
	.detail_btn{
		position: absolute;
		top: 45%;
		width: 100%;
	}
	 */
	 
	 
	.icon-a-box img{ width: 143px;  height: 100%; }
	.icon-i-box img{ width: 143px;  height: 100%; }
	.icon-home-box img{ width: 300px; height: 100%; }
	.company-view{ width: 300px; height: 100%; }
	
	.about-cp-box{
		width: 50%;
		margin: auto;
	}
	.about-cpslogan-img{
		padding: 20px 5px;
		width: 100%;
	}
	
	.about-app-box {
		width: 100%;
	}
	
	.about-cp-app-img{
		width: 50%;
		text-align: center;
		margin: auto;
		padding: 30px 10px;
	}
	.about-cp-app-img img{
		width: 143px;
		height: 100%;
	}
	
	.video_content{
		width: 100%;
		margin-top: 87px;
	}
	.video-div{
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0px auto;
		position: relative;
	}
	.video-in-text{
		position: absolute; 
		width: 100%; 
		top: 60%;
		bottom: 0%;
		text-align: center;
	}
	
	.video-in-text h1{
		/* font-size: 3.5vh; */
		font-size: 2.5vh;
	}
	
	.video-in-text h4{
		line-height: 0.5rem;
	}
	/* 
	.video-in-text h5{
		font-size: 1rem;
	}
	 */
	
	.m-top-text {
		margin-top: 0px;
	}
	/* 
	.about_title h2{
		font-size: 18px;
		color: #1da7ce
	}
	.about_title h5{
		font-size: 20px;
		color: #171717
	}
	 */
	.icon-a-box{ float: left; width: 50%; padding: 10px; text-align: right; }
	.icon-i-box{ float: left; width: 50%; padding: 10px; text-align: left; }
	.icon-home-box{ float: left; width:100%; padding: 10px; text-align: center; }
	
	.main-model .model-item .btn-default{
		position:absolute;
		left:50%;
		top: 45%;
		/* bottom: 5%; */
		width: 120px;
	    margin-left: -60px;
		/* color:#fff; */
		color: #fff;
		background-color: #1da7ce;
		border-color:#fff;
		opacity:0;
	}
	.more_company{
		margin-top: 50px;
		width: 100%;
		text-align: center;
	}
	
	.main_home{
		overflow: hidden;
	    padding-top: 0px;
	    margin-top: 87px;
	    padding-bottom: 0px;
	    position: relative;
	    z-index: 1;
	}
	
	.main_home h4{
		font-size: 12px;
		line-height: 0px;
	}
	
	.main_home h1{
		font-size: 20px;
		font-weight: 400;
		/* line-height: 0px; */
	}
	.main_home h5{
		font-size: 15px;
		/* line-height: 0px; */
	}
	
	.page-banner{
		width: 100%;
		height: 100%;
		margin-top: 87px;
	}
    nav.navbar.bootsnav .navbar-brand{
        padding-top:15px;
    }
    nav.navbar.bootsnav .navbar-toggle{
        margin-top: 25px;
    }
    .sm-text-center{
        text-align: center; /* !important; */
    }
    .sm-pull-none{
        float: none !important;
    }
    .sm-m-top-10{
        margin-top:10px;
    }
    .sm-m-top-20{
        margin-top:20px;
    }
    .sm-m-top-30{
        margin-top:30px;
    }
    .sm-m-top-40{
        margin-top:40px;
    }
    .sm-m-top-50{
        margin-top:50px;
    }
    .sm-m-top-60{
        margin-top:60px;
    }
    .sm-m-top-70{
        margin-top:70px;
    }

    .work_separator1:before,
    .work_separator2:before{
        margin-left:-90px;
        left: 50%;
        top: 50%;
        z-index: 1;
    }
    .separator_left{
        margin: 20px auto;
    }
    .main-gallery .grid-item {
        position: relative;
        margin: 0px;
        /* padding: 20px; */
        padding: 10px;
        /* width:350px; */
        /* width: 100%; */
        width: 50%;
        overflow: hidden;
    }
	.icon_box{
		width: 100%;
		margin-top: 40px;
	}

}



/* Landscape phones and portrait tablets */
@media  (max-width: 768px) {
    h2{
        font-size:2rem;
    }
    p{
        font-size:90%;
        line-height: 2rem;
    }
    .xs-pull-none{
        float: none !important;
    }
    .xs-text-center{
        text-align: center !important;
    }
    .xs-m-top-10{
        margin-top:10px;
    }
    .xs-m-top-20{
        margin-top:20px;
    }
    .xs-m-top-30{
        margin-top:30px;
    }
    .xs-m-top-40{
        margin-top:40px;
    }
    .xs-m-top-50{
        margin-top:50px;
    }
    .xs-m-bottom-10{
        margin-bottom:10px;
    }
    .xs-m-bottom-20{
        margin-bottom:20px;
    }
    .main_testimonial .testimonial_slid .slick-arrow.nextprevright {
        top: -150px;
    }

	
	
	.roomy2-30{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: -25px;
	}
	
	
	
	
	
	
	
	
	
}




/* Landscape phones and smaller */
@media (max-width: 479px) {
    html {
        font-size: 85%;
    }
    .testimonial_slid .slick-arrow {
        display: none;
    }

}





@media (max-width: 400px) {


}

@media (max-width: 320px) {
    html {
        font-size: 60.5%;
    }
    .btn.btnxs{
        padding:2.01rem 1.5rem;
    }

}
