/******************* This CSS is for more then 766px width. So, this will work for the mobile and desktop both *********************/

@media only screen and (min-width: 766px) {
	
	
}


/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1260px) {
	/*======header start=====*/

    header  { width:100%; }
	.head_mid{width:760px;}
	.head_midright{
	width:28%;
}
	
	/*======header end=====*/
	
	/*=====top section start====*/
	
	.top_sectionin{
	width:760px;
    }
	
	/*=======top section end=====*/
	/*=====main wrap start====*/
	.main_wrapin{
		width:760px;
	}
	.enquery{
	width:100%;
	}
	/*=====main wrap end====*/
	
	/*=====main wrapdown start====*/
	.wrap_downin{
		width:760px;
	}
	.wrap_downin_right{
		background:url(../images/hand_ipad.png) no-repeat;
		margin-top:10%;
	}
	/*=====main wrapdown end====*/
	
	/*=====footer start====*/
	.foot_in{
		width:760px;
	}
	/*======footer end=====*/
	

	/*=====================================================service us start==================================================*/
	
	
	.ser_menu ul li{
		font-size:18px;
	}
	/*=====================================================service us end====================================================*/
}


/* Note: Design for a width of 320px */

@media only screen and (min-width: 310px) and (max-width: 767px) {
	/*=======header start=======*/
    header  { width:100%; }
    .head_mid{width:300px;}
	.head_midleft{
		width:60%;
		float:none;
		margin:0 auto;
		
	}
	.head_midright{
		width:100%;
		float:none;
		margin:0 auto;
	}
	.head_icon{
		margin:0 auto;
	}
	.text_iconbox{
		padding-top:2%;
	}
	/*=======header end=======*/
	
	/*====top section start===*/
	
	.top_sectionin{
	width:310px;
    }
	.top_section_text{
		font-size:22px;
	}
	
	/*=======top section end=====*/
	/*=====main wrap start====*/
	.main_wrapin{
		width:310px;
		
	}
	.main_wrapleft{
		width:85%;
		margin:0 auto;
		float:none;
	}
	 .main_wrapmid, .main_wrapright{
		width:100%;
	}
	
	.main_wrapright1, .main_wrapright2{
		width:100%;
	}
	.main_wrapright1, .main_wrapright2{
		padding-top:4%;
	}
	
	
	/*=====main wrap end====*/
	
	/*=====main wrapdown start====*/
	.wrap_downin{
		width:310px;
	}
	.wrap_downin_left{
		width:100%;
	}
	.wrap_downin_mid{
		width:100%;
	}
	.wrap_downin_right{
		background:url(../images/hand_sm.png) no-repeat;
		width:100%;
		margin-top:5%;
		height:205px;
		
	}
	/*=====main wrapdown end====*/
	
	/*=====footer start====*/
	.foot_in{
		width:310px;
	}
	.foot_text{
		font-size:14px;
	}
	.foot_text1{
		font-size:12px;
		float:left;
	}
	/*======footer end=====*/
	
	
	
	/*=====================================================about us start======================================================*/
	.abo_wrapright{
	width:100%;
	margin:0 auto;
	margin-top:2%;
	}

	
	.abo_img1{
		width:100%;
		float:none;
		margin:0 auto;
	}
	.abo_img2{
		width:100%;
		float:none;
		margin:0 auto;
	}
	/*=====================================================about us end======================================================*/
	
	/*=====================================================work us start=====================================================*/
	.work_wrapright_down{
		width:90%;
		margin:0 auto;
		float:none;
		}
	.work_imgbox{
		width:100%;
		margin:0 auto;
		float:none;
		
	}
	/*=====================================================work us end=======================================================*/
	
	
	
	
	/*=====================================================service us start==================================================*/
	
	.ser_regleft, .ser_regright{
		width:100%;
	}
	.ser_menu ul li{
		font-size:18px;
	}
	/*=====================================================service us end====================================================*/
	.regi{
		margin:0 auto;
		float:none;
	}
}



/* Note: Design for a width of 480px */

@media only screen and (min-width: 430px) and (max-width: 767px) {
	
	/*======header start======*/

    header  { width:100%; }
	.head_mid{width:420px;}
	
	/*======header end=======*/
	/*====top section start===*/
	
	.top_sectionin{
	width:420px;
    }
	
	/*====top section end===*/
	
	/*=====main wrap start====*/
	.main_wrapin{
		width:420px;
	}
	.main_wrapleft{
		width:64%;
		margin:0 auto;
		float:none;
	}
	/*=====main wrap end====*/
	
	/*=====main wrapdown start====*/
	.wrap_downin{
		width:420px;
	}
	
	.wrap_downin_right{
		background:url(../images/hand_big.png) no-repeat;
		width:100%;
		margin-top:5%;
		margin-bottom:2%;
	}
	/*=====main wrapdown end====*/
	
	/*=====footer start====*/
	.foot_in{
		width:420px;
	}
	/*======footer end=====*/
	
	/*=====================================================work us start=====================================================*/
	.work_wrapright_down{
		width:70%;
		margin:0 auto;
		float:none;
	}
	
	/*=====================================================work us end=======================================================*/
	

}