@media only screen 
and (min-width : 320px) 
and (max-width : 479px){
	img{max-width:100%;}
	.main_div{width:100%;}
	header{padding:20px 0 0 0;}
	.logo {
    float: none;
    margin: 0 auto;
    padding: 10px;
    width: 283px;
}
.rightheader {
    float: none;
    text-align: center;
    width: 100%;
}
.facebook_icon{float:none; padding-bottom:20px; padding-top:10px;}
.seaech_part{float:none; margin:0 auto;}
	.nav {padding-left:0; z-index:9999; position:relative; width:100%;}
		.nav > li {
			float: left !important;
			text-align:left;
			width:100%;
			border-bottom:1px solid #565656;
			
		}
		.nav > li > a {
		background-color:#2e276b; color:#fff;  font-size:12px; font-weight:normal; padding:0px 15px; height:35px; line-height:35px;   }
		.nav > li > a:hover{text-decoration:none; color:#fff; background-color:#262b60;}
		.nav > li > .parent {
			background-position: 95% 50%;
		}
		
		.nav a:hover, .nav li.active a {
		color:#b1c5ea;
		
		} 
		.nav li li a {
			background-repeat: no-repeat;
			  padding: 6px 7px 6px 18px;
		}
		
		.nav li li li a {
			background-repeat: no-repeat;
			  padding: 6px 7px 6px 18px; background-color:#555555;
		}
		
		
		.nav ul {
			display: block;
			width: 100%;
		}
	   .nav > li.hover > ul , .nav li li.hover ul {
			position: static;
			background:#0b0b0b;
			width:96%;
			padding:2%;
		}
		.body_continner{padding:0 10px 25px 10px;}
		.icon_partinner{width:100%; border-bottom:1px solid #fff; border-right:none; padding:9% 1%; float:left;}
		.inner_middle{ width:100%;}

footer{background:none;}
.footer_left{background-color:#252b5e; padding:4% 2%; text-align:center; width:96%;}
.footer_right{padding:4% 2%; text-align:center; width:96%; background-color:#705d98;}
.footer_rightinner{width:100%; padding:3% 0;}

.contactus{padding:0;}
.map{width:95%; }
.map iframe{width:97%;}
.contact_box{width:93%;}
.inner_contleft{width:100%;}
.inner_contrirght{width:100%; margin:0;}
.form_right{width:100%;}
.form_left{text-align:left; padding-bottom:4px;}


.contact_left_right_part {width:100%; height: auto; float: none; overflow: visible}
.con-left-part { width:100%; float: none; background:#262b60; border-left:none; border-right: none}
.con-right-part { width:100%; float: none; background:#262b60}
.person-2 { width: 100%; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }

.flip-container, .front, .back{height:275px;}
.contactright_left{width:100%; text-align:center; border-right: none}
.contactright_right{width:100%; text-align:center;}
.rightflag{width:100%;}
.rightflagcont{width:96%;}
.contactright_rightinner{height:auto; padding-bottom:10px;}
.contactright_rightinner img{margin-top:0;}

.contactrightcont{height:100%; border-bottom: 2px solid #fff }
.img-cl { width: 100%; height: 180px; border-bottom:none; border-right:none; }
.img-cl img { width: 100%; height: 100%;}
.contactrightcont-bottom{border-bottom: 2px solid #fff }
.img-cl-bottom { width: 100%; }

.img-cl-right { width: 100%;}

.transitdiv img {
	width:100%
}

.technology-block {
	width:100%;
}
}


@media only screen 
and (min-width : 480px) 
and (max-width : 639px){
img{max-width:100%;}
	.main_div{width:100%;}
	header{padding:20px 0 0 0;}
	.logo {
    float: none;
    margin: 0 auto;
    padding: 10px;
    width: 380px;
}
.rightheader {
    float: none;
    text-align: center;
    width: 100%;
}
.facebook_icon{float:none; padding-bottom:20px; padding-top:10px;}
.seaech_part{float:none; margin:0 auto;}
	.nav {padding-left:0; z-index:9999; position:relative; width:100%;}
		.nav > li {
			float: left !important;
			text-align:left;
			width:100%;
			border-bottom:1px solid #565656;
			
		}
		.nav > li > a {
		background-color:#2e276b; color:#fff;  font-size:12px; font-weight:normal; padding:0px 15px; height:35px; line-height:35px;   }
		.nav > li > a:hover{text-decoration:none; color:#fff; background-color:#262b60;}
		.nav > li > .parent {
			background-position: 95% 50%;
		}
		
		.nav a:hover, .nav li.active a {
		color:#b1c5ea;
		
		} 
		.nav li li a {
			background-repeat: no-repeat;
			  padding: 6px 7px 6px 18px;
		}
		
		.nav li li li a {
			background-repeat: no-repeat;
			  padding: 6px 7px 6px 18px; background-color:#555555;
		}
		
		
		.nav ul {
			display: block;
			width: 100%;
		}
	   .nav > li.hover > ul , .nav li li.hover ul {
			position: static;
			background:#0b0b0b;
			width:96%;
			padding:2%;
		}
			.body_continner{padding:0 10px 25px 10px;}
		.icon_partinner{width:100%; border-bottom:1px solid #fff; border-right:none; padding:9% 1%; float:left;}
		.inner_middle{ width:100%;}
	
		footer{background:none;}
.footer_left{background-color:#252b5e; padding:4% 2%; text-align:center; width:96%;}
.footer_right{padding:4% 2%; text-align:center; width:96%; background-color:#705d98;}
.footer_rightinner{width:100%; padding:3% 0;}
.contactus{padding:0;}
.map{width:95%;}
.map iframe{width:97%;}
.contact_box{width:93%;}
.inner_contleft{width:100%;}
.inner_contrirght{width:100%; margin:0;}
.form_right{width:70%;}



.contact_left_right_part {width:100%; height: auto; float: none; overflow: visible}
.con-left-part { width:100%; float: none; background:#262b60; border-left:none; border-right: none}
.con-right-part { width:100%; float: none; background:#262b60}
.person-2 { width: 100%; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }

.flip-container, .front, .back{height:235px;}
.contactright_left{width:100%; text-align:center; border-right:none}
.contactright_right{width:100%; text-align:center;}
.rightflag{width:100%;}
.rightflagcont{width:96%;}
.contactright_rightinner{height:auto; padding-bottom:10px;}
.contactright_rightinner img{margin-top:5px;}

.contactrightcont{height:100%; border-bottom: 2px solid #fff }
.img-cl { width: 100%; height: 217px; border-bottom:none; border-right:none; }
.img-cl img { width: 100%; height: 217px;}
.contactrightcont-bottom{border-bottom: 2px solid #fff }
.img-cl-bottom { width: 100%; }

.img-cl-right { width: 100%;}

.img-cl-right img {
    height: 150px;
    width: 100%;
}
.transitdiv img {
	width:100%
}

.technology-block {
	width:100%;
}
}


@media only screen 
and (min-width : 640px) 
and (max-width : 767px){
		img{max-width:100%;}
	.main_div{width:100%;}
	header{padding:20px 0 0 0;}
	.logo {
    float: none;
    margin: 0 auto;
    padding: 10px;
    width: 380px;
}
.rightheader {
    float: none;
    text-align: center;
    width: 100%;
}
.facebook_icon{float:none; padding-bottom:20px; padding-top:10px;}
.seaech_part{float:none; margin:0 auto;}
	.nav {padding-left:0; z-index:9999; position:relative; width:100%;}
		.nav > li {
			float: left !important;
			text-align:left;
			width:100%;
			border-bottom:1px solid #565656;
			
		}
		.nav > li > a {
		background-color:#2e276b; color:#fff;  font-size:12px; font-weight:normal; padding:0px 15px; height:35px; line-height:35px;   }
		.nav > li > a:hover{text-decoration:none; color:#fff; background-color:#262b60;}
		.nav > li > .parent {
			background-position: 95% 50%;
		}
		
		.nav a:hover, .nav li.active a {
		color:#b1c5ea;
		
		} 
		.nav li li a {
			background-repeat: no-repeat;
			  padding: 6px 7px 6px 18px;
		}
		
		.nav li li li a {
			background-repeat: no-repeat;
			  padding: 6px 7px 6px 18px; background-color:#555555;
		}
		
		
		.nav ul {
			display: block;
			width: 100%;
		}
	   .nav > li.hover > ul , .nav li li.hover ul {
			position: static;
			background:#0b0b0b;
			width:96%;
			padding:2%;
		}
		.body_continner{padding:0 10px 25px 10px;}
		.icon_partinner{width:100%; border-bottom:1px solid #fff; border-right:none; padding:9% 1%; float:left;}
		.inner_middle{ width:100%;}
footer{background:none;}
.footer_left{background-color:#252b5e; padding:4% 2%; text-align:center; width:96%;}
.footer_right{padding:4% 2%; text-align:center; width:96%; background-color:#705d98;}
.footer_rightinner{width:100%; padding:3% 0;}
.contactus{padding:0;}
.map{width:95%;}
.map iframe{width:95%;}
.contact_box{width:93%;}

.inner_contleft{width:30%;}
.inner_contrirght{width:65%; margin:0 0 0 5%;}
.productpart img{width:100%;}
.form_right{width:65%;}

.contact_left_right_part {width:100%; height: auto; float: none; overflow: visible}
.con-left-part { width:100%; float: none; background:#262b60; border-left:none; border-right: none}
.con-right-part { width:100%; float: none; background:#262b60}
.person-2 { width: 100%; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
.flip-container, .front, .back{height:244px;}

.contactright_right{width:303px;}
.rightflag{width:303px;}
.img-cl-right { width: 100%;}
.transitdiv img {
	width:100%
}

.technology-block {
	width:100%;
}
}



@media only screen 
and (min-width : 768px) 
and (max-width : 1169px){
	img{max-width:100%;}
	.main_div{width:100%;}
	.logo { width:40%;}
	.rightheader{width:50%;}
	.seaech_part{float:right;}
	.nav > li > a {
    display: block;
    padding:11px 6px; margin:0;
}
.nav a{font-size:13px;}
.body_continner{padding:0 10px 25px 10px;}
.icon_partinner{width:31%; border-bottom:1px solid #fff;}
footer{height:auto; background:#252b5e;}
.footer_left{background-color:#252b5e; width:40%;}
.footer_right{background-color:#705d98; width:46%; padding:1% 0 2% 2%;}
.footer_rightinner{width:173px;}
	
	.contactus{padding:0;}
.map{width:100%;}
.map iframe{width:95%;}
.contact_box{width:93%;}
.inner_contleft{width:30%;}
.inner_contrirght{width:65%; margin:0 0 0 5%;}
.productpart img{width:44%;}
.form_right{width:70%;}
.inner_middle{ width:100%;}


.con-left-part { width:50%%; float: left; background:#262b60; border-left: 2px solid #fff; border-right: 2px solid #fff}
.con-right-part { width:50%; float: left; background:#262b60}
.person-con-details { font-size: 15px; color: #fff; margin:10px 10px 0 10px; height: 80px}
h3{font-size:18px;}
.icon_partinner{float:left;}
.contact_left_right_part{height:auto;}

.contactright_left {
    width: 56%;
	border-right: 2px solid #fff;
}
.contactright_right {
    width: 43%;
	border-left: none;
}
.contactright_rightinner{height:auto;}
.contactright_rightinner img{margin:8px 0;}


.contactrightcont {
    height: 100%;
}


.img-cl {
    height: 100%;
    width: 100%;
}

.img-cl-bottom {
    width: 100%;
}
.m_bot10 {
    margin-bottom: 0px;
}
.rightflag {
    width: 100%;
}
.rightflagcont {
    float: left;
    padding-left: 7px;
    padding-top: 10px;
    width: 100%;
}


.img-cl-right {
    width: 100%;
}

.contactright_rightinner img {
    margin: 0 0;
}

.img-cl img {
    height: 192px;
    width: 100%;
}

.contactright_rightinner {
    padding: 0px 0;
}
.transitdiv img {
	width:100%
}
}