@media only screen and (max-width: 1284px) {
	#whatwedo{
		margin-bottom: 0px;
	}
	.skill-icons{
		margin-left: -8px;
	}
	/*new style*/
	.banner1 {
    
    background-size: COVER;
	}

}

@media(max-width: 1023px){
	#bannerSec .carousel .carousel-caption {
	    font-size: 40px;
	    left: 12%;
	}
}



/*----------------  STYLES FOR TABLETS STARTS HERE -------------------*/

@media(max-width: 768px){


/*.dropdown-menu{
	float: left !important;
    margin-top: 1px !important;
	border: 0!important;
    border-radius: 1px !important;
}
*/
	.container{
		padding: 25px;
	}
  	li.dropdown > a {
        pointer-events: none;
    }

	#ourblog{
		padding: 0;
	}
	#ourblog h1{
		font-size: 24px;
		margin: 10px;
	}
	#ourblog .blog-section .b-readmore{
		/*padding: 5px;*/
		margin-top: 0;
		margin-bottom: 10px;
		display: inline-block;
	}
	#ourblog .blog-section p{
		border-bottom: none;
	}
	#ourblog .col-xs-12{
		border-bottom: 2px solid #999;
		margin-bottom: 10px;
		padding-top: 10px;
	}
	#aboutTestSec{
		padding: 5px;
	}
	#aboutTestSec .about-img{
		width: 100%;
	}
	.navbar-brand{
		float: none;
	}
	header .topSec .container .pull-left{
		float: none !important;
	}
	header .topSec .container .pull-right{
		float: none !important;
	}
	.navbar{
		margin-bottom: 0;
	}
	#featuredClients .requestQuote{
		line-height: 30px;
		height: auto;
	}
	#featuredClients h2::after {
		display: none;
	}
	#featuredClients h2 {
		font-size: 12px;
		line-height: normal;
	}
	#featuredClients h2 span {
    	display: inline-block;
	}

	#owl-demo .item {
		height: 20px;
    	margin: 20px 10px;
    	line-height: normal;
    }
    #owl-demo .item img {
	    height: 30px;
	}
	.navbar-toggle {    
		margin-top: 15px;
	    margin-right: 0px;
	}
	#bannerSec .carousel .carousel-caption {
	    font-size: 24px;
	    left: 10%;
	    bottom: 15%;
	}
	.navbar-brand {
	    float: none;
	    padding: 15px 0px;
	    display: inline-block;
	    height: 100%;
	}
	.carousel-indicators li {
    	width: 20px !important;
    }
    .carousel-indicators {
	    bottom: 0;
	}
	.owl-theme .owl-controls{
		margin-top: 0;
	}
	.owl-theme .owl-controls .owl-next {
	    position: absolute;
	    right: -30px;
	}
	.owl-theme .owl-controls .owl-prev {
	    position: absolute;
	    left: -30px;
	}
	.owl-carousel .owl-wrapper-outer {
	    width: 96%;
	    padding: 0 2%;
	}
	#aboutTestSec h1{
		margin-bottom: 10px;
	}
	#aboutTestSec h1::after{
		display: none;
	}
	.testimonialSec .testBox .img_Title h3{
		margin-bottom: 10px;
	}
	#aboutTestSec .col-md-6:nth-child(1)::after {
		display: none;
	}
	.bnr-wrap .bnr-container {
	    width: 100%;
	    padding: 45px 0px;
	}
	.abt_banner h2 {
	    font-size: 22px;
	    padding-bottom: 0px;
	}
	.abt_banner span {
	    font-size: 12px;
	    margin-top: 0;
	}
	.abtiphone{
		display: none;
	}

	#welcome {
	    float: none;
	    padding-bottom: 0;
	    padding-top: 0;
    }
    #welcome h2{
    	margin-bottom: 0;    
    	font-size: 22px;
    }
    #welcome h2::before {
    	display: none;
    }
    #welcome p{
    	line-height: 24px;
    }
    #welcome .col-md-6 {
    	padding-top: 0;
	}
	.abt-welcome-img{
		position: absolute;
	    left: 0;
	    z-index: -1;
		-webkit-animation-name: none;
	    animation-name: none;
	    transform: translateY(-50%);
	    top: 50%;
	}
	.abt-welcome-img img{
		opacity: .2;
	}
	#whatwedo {
	    padding-bottom: 0;
	    padding-top: 0;
	}
	.skills {
		margin-top: 50px;
	}
	#ourskills .ore_contnr {
	    padding: 0 0px;
	}
	#ourskills{
		background-image: none !important;
	}
	#ourskills h2::before {
	    display: none !important;
	}
	#ourskills h2 {
		margin-bottom: 0;
		font-size: 22px;
	}
/*	#ourskills p{
		line-height: 22px;
	}*/
	.about-skill{
		text-align: center;
		text-align: justify;
		padding: 0 40px;
	}
	#orepara{
		display: none;
	} 
	#ourexperts{
		padding: 20px 0;
	}
	#ourexperts h2{
		width: 100%;
		padding-bottom: 0;
		margin: 0px auto 30px;
		font-size: 22px;
		border-bottom: none;
	}
	.lp1,.lp2,.lp3,.lp4{
		margin-bottom: 30px;
	}

/*---portfolio---*/
	.por_banner {
		background-position: center;    
		padding: 45px 0px !important;
	}
	.por_banner h2 {
		padding: 0 !important;
    	font-size: 22px !important;
	}
	.por_banner span {
	    margin-top: 0 !important;
	    font-size: 12px !important;
	}
	.prod_prr {
	    word-spacing: normal !important;
	}
	.prod_prr p {
	    line-height: 24px !important;
	    text-align: justify;
	}
	.serv_tpset{
		position: absolute !important;
	    left: 0;
	    z-index: -1;
	    top: 0;
		-webkit-animation-name: none;
	    animation-name: none;
	    transform: translateY(-50%);
	    top: 50%;
	    opacity: .15
	}
	.ser_parallx{
		background: url(../images/service/paraBG.jpg) no-repeat left center !important;
		background-size: 135% !important;
		opacity: .25;
		-webkit-animation-name: none;
		animation-name: none;
		height: 500px !important;
	}

	.para_wrap ul {
		
		display: none !important;
	}
/* 	.ser_moble .clearfix{
		height: 0 !important;
	} */
	.ser_rt_txt{
		position: relative;
		top: 0;
		left: 0;
		margin-top: 0 !important;
		padding: 20px 10px !important;
	}
	h3.cmmn_hdh{
		font-size: 22px !important;
		/* margin-bottom: 0 !important; */
	}
	h3.cmmn_hdh::before{
		display: none;
	}
	.mb_imm{
		opacity: .15;
	}    
	.ser_grapghcs{
		opacity: .15;
	}
	.ser_stt_blks{
		opacity: .15;
		z-index: -1;
	}
	.ser_ico img{
		opacity: .15;
	}
	/*.ser_stt_blks ul{
		display: none;
	}
*/
	.ser_grapghcs {
		display: none;
	}
 
	#addressBox .container{
		padding: 50px !important;
	}
	.pad-vert{
		padding: 20px 5px;
	}
	.ser_parallx {
		display: none;
	}
	.ser_stt_blks{
		display: none;
	}



/*---------------------PRODUCT.HTML----------*/
	.prod_grd{
		padding: 45px 0px !important;
	}
	.prod_grd img{
		display: inline-block;
		width: 10% !important;
	}
	.prod_grd h1{
		font-size: 22px;
		margin-top: 5px;
		margin-bottom: 0px;
		padding: 0;
	}
	.prod_prr p{
		line-height: 24px !important;
	}
	.prod_top{
		background-image: none !important;
	}
	.prod_sec{
		padding: 0px 0px !important;
		background: unset !important;
	}
	.pro_ullst li{
		/*text-shadow: 0 0 1px #333;*/
		color: #333 !important;
	}
	.vert_vw{
		display: none;
	}
	.prod_img{
		z-index: -1;
		opacity: .15;
	}
	.prod_thrd_wll{
		z-index: 999;
		top: 0;
	    
	}
	.prod_thrd{
		position: relative;
	}
	.prod_thrd{
		padding: 0;
	}
	.container1 .prod_img{
		display: none;
	}
	.prod_thrd_wll span{
		font-size: 16px !important;
	}
	.prod_thrd_wll .prd_btn_go{
		padding: 5px !important;
	}
	.pro_ullst li {
		padding-left: 35px !important;
		color: #7b7b7b !important
	}
	.prod_sec h3{
		color: #198ccb !important;
		font-size: 22px;
	}
	.prod_thrd_wll{
		margin-top: 0 !important;
	}
	section.prod_thrd{
		padding-top: 0 !important;
	}
	.prod_thrd_wll p{
		line-height: 24px !important;
		text-align: justify;
	}



/*----- FOOTER-----*/
	footer{
		padding-top: 0px;
	}
	.social-icons {
		height: auto;
		margin-top: 25px;
	}
	.social-icons p{
		display: block;
		float: none !important;
	}
	.social-icons span{
		display: block;
		float: none !important;
		text-align: center;
	}
	.soc-icon-wrap {
	    display: inline-block;
	    padding-top: 0 !important;
	    padding-bottom: 15px;
	}
	.footer_dd{
		/*display: none;*/
	}

	footer h2 b{
		display: block;
	}

	.we-offer-pc{
		display: none;
	}
	.we-offer-mobi{
		display: block;
	}


/* ---------------- Philosophy ------------------- */

	#philosophy{
	    padding: 20px 0;
	}
	.philo-btn{
	    display: none;
	}
	.panel-active-dd{
	    max-height: 1000px;
	}

	#process{
	    padding: 20px 0;
	}

	.ser-bg-img{
	    position: absolute;
	    width: 100%;
	    opacity: .2;
	}

}






/*----------------  STYLES FOR MOBILES STARTS HERE -------------------*/

@media(max-width: 479px){

	.carousel-indicators li {
    	width: 10px !important;
    }
	.testimonialSec .testBox .img_Title h3{
		margin-top: 10px;
	}
	#bannerSec .carousel .carousel-caption {
    	font-size: 24px;
    }
/*    .navbar-toggle{
    	display: inline-block;
    	float: right;
    }
    .navbar-brand{
    	display: inline-block;
    	float: right;
    }*/
    #clients-owl-large .owl-theme .owl-controls .owl-prev{
    	left: -25px;
    }
    #clients-owl-large .owl-theme .owl-controls .owl-next{
    	right: -25px;
    }
    #testimonials-flex .testi-item {
    	/*height: auto;*/
    }
    .contact-box-left {
    	padding: 0 5px;
    }
    header .topSec .pull-right a{
    	padding-top: 5px;
    }
    header .topSec .pull-right a{
    	margin-left: 0;
    	margin-right: 10px;
    }

    /*new style*/
    footer .btn1 {
    margin-top: 55px;
	}


}




@media only screen and (max-width: 768px) {


	.we-offer-mobi{
		display: none;
	}
	.we-offer-pc{
		display: block;
	}



	.dropdown-menu{
		/*float: right !important;*/
		border: none !important;
	    border-radius: 1px !important;
	    right: auto !important;
	}
	/*Styels for adjusting navbar vertical alignment*/
	ul.navbar-nav{
	    /*margin-bottom: -20px !important;*/
	   
	}
	.navbar-right {
	    margin-top: 25px!important;
	     width: 100%;
	}
	 /*new style*/
    footer .btn1 {
    margin-top: 55px;
	}
}


/*@media only screen and (max-device-width: 1000px) {
    a {
        pointer-events: none;
    }
}*/

@media(max-width: 767px) {
	.view-first {
        height: 632px;
}
.skills-left-icon{
	width: 13%;
}
.skills-left {
    width: 70%;
    float: left;
    margin-left: 35px;

}
.carousel-inner .item{
    max-height: 200px !important;
}

}

/*new style*/

@media only screen and (max-width: 620px) {
	.ul_list {
    width: 100%;
	}
	.ul_even{
		height: 0;
	}
}