@charset "utf-8";
	/* CSS Document */
	
	
	/*-----------------------------------------------------------------------------------
	
	Responsive Style Inner / Scarlet Information Technology Consultants
	
	--------------------------------------------------------------------------*/
	
	@media screen and ( min-width: 768px) and (max-width: 1000px) {
	
	.banner-small{
	width:100%;
	height:165px;
	margin:0 auto 0 auto;
	background-color:#F60;
	background-image: url(../images/banner-small.jpg);
	background-repeat: no-repeat;
	background-position: 25% top; 	
	}
	.banner_inner-small{ width:768px; height:165px; margin:0 auto 0 auto;}
	
	img{ max-width:100%}
	
	.container-main-small-new{
	width:768px;
	height:auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D6D6D6;
	border-left-color: #D6D6D6;
	border-top-width: 1px;
	border-top-color: #D6D6D6;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #ccc9c3;
	
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: solid;
	margin-bottom:50px;
	
	}
	.box-three{ width:1000px; height: auto; float:left; padding-left:25px; padding-right:25px;}
	.h9 { font-family: 'Abel', sans-serif; font-size:23px; color:#47494b; margin:0 ; padding-top:30px; font-weight: bold;}
	.h19{font-family: 'Abel', sans-serif; font-size:20px; color:#e96300; margin:0 ; padding-top:30px; font-weight: bold; }
	h9{font-family: 'Roboto', sans-serif;font-size:14px; color: #8d8e90; margin:0 ;   line-height:21px;font-weight:normal; text-align:justify;}
	h10{ font-family: 'Abel', sans-serif; font-size:28px; color:#47494b; margin:0 ;font-weight:bold; line-height:85px; padding-left:52px; float:left;}
	article{width:720px;
	height: auto;
	float:left;
	padding-top:25px;
	margin-top:20px;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CECECE;}
	.text{ width:330px; float:left; height:auto; padding-bottom:25px; }
	.hgroup_new{width:366px; height: auto; float: right; margin-left:10px;}
	
	
	/*===== vision mission =====*/
	.Our-Vision-mission{
	width:auto;
	float:left;
	height: auto;
	
	}
	.quality_box{  height:auto; width:auto; margin-top:0px; float: right;}
	.visn-msn-box{ width:720px; height:auto; float:left;}
	.visn-msn-img{ width:153px; height: auto; float:right; margin-top:20px;border:2px solid #C4C4C4;}
	
	
	.visn-msn-img:hover{ width:153px; height:97px; float:right; border:2px solid #F27900;
	
	-webkit-transition: border-color 1000ms linear;
	-moz-transition: border-color 500ms linear;
	-o-transition: border-color 500ms linear;
	-ms-transition: border-color 500ms linear;
	transition: border-color 500ms linear;}
	
	p{ font-family: 'Roboto', sans-serif;font-size:13.5px; color:#7A7A7A; width:100%;  line-height:20px;font-weight:normal; 
	border-bottom:1px   dashed #C5C5C5; padding-bottom:32px;
	}
	/*---- footer ----*/
	
	.footer-box{
	width:768px;
	height: auto;margin-right: auto; margin-left: auto;
	
	}
	.ftr-logo{ width:120px; height: auto; float:left;  padding-top:20px;}
	.ftr-one{ width:100%; height: auto; float:left; padding-left:10%;}
	.ftr-mail{ width:297px; height:auto; float:left; padding-top:80px; padding-left:0px; }
	.ftr-call{ width:297px; height:auto; float:left; padding-top:80px; padding-left:40px; font-family: 'Open Sans Condensed', 'sans-serif';color:#ff4117; font-size:25px;line-height:40px;} 
	.footer-link{ width:550px; height:auto; float:left; padding-top:20px; margin-left:70px;}
	#social-box{ width:170px; margin-left:298px; height:32px;float:left; margin-top:20px;}
	.ftr_adr_box{ width:700px; height:auto; float:left; margin-left: 46px;}
	.footer-adr-1{ width:300px;height: auto; padding-bottom:5px; float:right; font-family: 'Roboto', sans-serif; color:#6B6B6B ; font-size:12px; line-height:20px;}
	}
	
	
	/*===== ipad mini  =====*/
	@media screen and ( min-width: 420px) and (max-width: 768px) {
	
	/*===== company   =====*/
	.banner-small{
	width: 75%;
	height: 128px;
	margin:0 auto 0 auto;
	background-color:#F60;
	background-image: url(../images/banner-small.jpg);
	background-repeat: no-repeat;
	background-position: 25% top; 	
	}
	.banner_inner-small{ width:520px; height:165px; margin:0 auto 0 auto;}
	.container-main-small-new{
	width:520px;
	height:auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D6D6D6;
	border-left-color: #D6D6D6;
	border-top-width: 1px;
	border-top-color: #D6D6D6;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #ccc9c3;
	
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: solid;
	margin-bottom:50px;
	
	}
	
	.box-three{ width:496px; height: auto; float:left; padding-left:25px; padding-right:25px;}
	.h9 { font-family: 'Abel', sans-serif; font-size:20px; color:#47494b; margin:0 ; padding-top:30px; font-weight: bold;}
	article{width:470px;
	height: auto;
	float:left;
	padding-top:25px;
	margin-top:20px;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CECECE;}
	.hgroup_new{width:366px; height: auto; float: left; margin-left: 56px;margin-bottom:47px;}
	#shadow-img{
	width:369px;
	height:63px;
	float:left; background-color:#FFF;margin-top:10px; margin-bottom:25px;}
	.text{ width:480px; float:left; height:auto; padding-bottom:25px; text-align:left; }
	
	
	/*===== vision mission =====*/
	.Our-Vision-mission{
	width:auto;
	float:left;
	height: auto;
	
	}
	.quality_box{  height:auto; width:auto; margin-top:0px; float: right;}
	.visn-msn-box{ width:468px; height:auto; float:left;}
	.visn-msn-img{ width:153px; height: auto; float:right; margin-top:20px;border:2px solid #C4C4C4;}
	
	
	.visn-msn-img:hover{ width:153px; height:97px; float:right; border:2px solid #F27900;
	
	-webkit-transition: border-color 1000ms linear;
	-moz-transition: border-color 500ms linear;
	-o-transition: border-color 500ms linear;
	-ms-transition: border-color 500ms linear;
	transition: border-color 500ms linear;}
	
	p{ font-family: 'Roboto', sans-serif;font-size:13.5px; color:#7A7A7A; width:100%;  line-height:20px;font-weight:normal; 
	border-bottom:1px   dashed #C5C5C5; padding-bottom:32px;
	}
	
	
	/*---- footer ----*/
	
	.footer-box{
	width:768px;
	height: auto;margin-right: auto; margin-left: auto;
	
	}
	.ftr-logo{ width:120px; height: auto; float:left;  padding-top:20px; display:none;}
	.ftr-one{ width:100%; height: auto; float:left; padding-left:17%;}
	.ftr-mail{ width:auto; height:auto; float:left; padding-top:40px; padding-left:0px; }
	.ftr-call{ width:297px; height:auto; float:left; padding-top:40px; padding-left:40px; font-family: 'Open Sans Condensed', 'sans-serif';color:#ff4117; font-size:25px;line-height:40px;} 
	.footer-link{ width:550px; height:auto; float:left; padding-top:20px; margin-left:40px;}
	#social-box{ width:170px; margin-left:298px; height:32px;float:left; margin-top:20px;}
	
	.ftr_adr_box{ width: Auto; height:auto; float:left; margin-left: 151px;}
	.footer-adr-1{ width:242px;height: auto; padding-bottom:5px; float:left; font-family: 'Roboto', sans-serif; color:#6B6B6B ; font-size:12px; line-height:20px;}
	
	
	/*===== company page end   =====*/
	}
	
	/*===== mobile responsive   =====*/
	@media screen and ( min-width: 320px) and (max-width: 420px) {
	
	/*===== company   =====*/
	.banner-small{
	width:auto;
	height:0;
	margin:0 auto 0 auto;
	background-color:#F60;
	background-image: url(../images/banner-small.jpg);
	background-repeat: no-repeat;
	background-position: 25% top; 	
	}
	.banner_inner-small{ width:320px; height:165px; margin:0 auto 0 auto;}
	.container-main-small-new{
	width:320px;
	height:auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D6D6D6;
	border-left-color: #D6D6D6;
	border-top-width: 1px;
	border-top-color: #D6D6D6;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #ccc9c3;
	
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: solid;
	margin-bottom:50px;
	
	}
	.box-three{ width:295px; height:auto; float:left; padding-left:25px; padding-right:25px;}
	.h9 { font-family: 'Abel', sans-serif; font-size:19px; color:#47494b; margin:0 ; padding-top:30px; font-weight: bold;}
	h9{font-family: 'Roboto', sans-serif;font-size:13px; color: #8d8e90; margin:0 ;   line-height:18px;font-weight:normal; text-align:justify;}
	article{width:271px;
	height: auto;
	float:left;
	padding-top:25px;
	margin-top:20px;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CECECE;}
	.hgroup_new{width:277px; height: auto; float: left; margin-left:-4px;margin-bottom:20px;}
	
	.core-values_img{
	width:25px; 
	height:35px; margin-left:15px;
	float:left; padding-top:15px; margin-right:10px;
	}
	
	
	.core-values-bg{ width:276px; height:auto; float:left; background-color:#EF6943; padding-bottom:20px;}
	
	#core-values_head{ width:277px; height:50px; float:left;  background-color:#e3e2e2;  }
	
	#core-values{  padding:0; width:277px; height:auto; float:left; padding-top:10px; }
	#core-values ul li { float:left;width:271px;font-family: 'Roboto', sans-serif;font-size:13px; font-weight:normal; font-style:normal;}	
	#core-values ul li a { text-decoration:none;width:276px;}
	h10{ font-family: 'Abel', sans-serif; font-size:23px; color:#47494b; margin:0 ;font-weight:bold; line-height:50px; padding-left:52px; float:left;}
	#core-values ul li:hover{ background: #4b545f; auto}	
	
	
	article{width:auto;
	height: auto;
	float:left;
	padding-top:25px;
	margin-top:20px;
	
	border-top-width: 1px;
	border-top-style: solid;
	
	border-top-color: #CECECE;}
	
	.text{ width:274px; float:left; height:auto; padding-bottom:25px; text-align:left; }
	#shadow-img{
	max-width:200px; display:none;
	
	
	}
	
	
	/*===== vision mission =====*/
	.Our-Vision-mission{
	width:auto;
	float:left;
	height: auto;
	
	}
	.quality_box{  height:auto; width:auto; margin-top:0px; float: right;}
	.visn-msn-box{ width:273px; height:auto; float:left;}
	.visn-msn-img{ width:153px; height: auto; float:right; margin-top:20px;border:2px solid #C4C4C4; display:none;}
	
	.misn-visn-small{ width:83px; height: 34px; margin-bottom:8px; float:left; text-align:center; font:Arial, Helvetica, sans-serif; line-height:35px; background-color:#28a8d9; font-weight:bold; color:#FFF; font-size:12px;}
	.visn-msn-img:hover{ width:153px; height:97px; float:right; border:2px solid #F27900;
	
	-webkit-transition: border-color 1000ms linear;
	-moz-transition: border-color 500ms linear;
	-o-transition: border-color 500ms linear;
	-ms-transition: border-color 500ms linear;
	transition: border-color 500ms linear;}
	
	p{ font-family: 'Roboto', sans-serif;font-size:12px; color:#7A7A7A; width:100%;  line-height:20px;font-weight:normal; 
	border-bottom:1px   dashed #C5C5C5; padding-bottom:32px;
	}
	
	
	
	
	
		
	/*---- footer ----*/
	
	.footer-box{
	width:320px;
	height: auto;margin-right: auto; margin-left: auto;
	
	}
	.ftr-logo{ width:120px; height: auto; float:left;  padding-top:20px; display:none;}
	.ftr-one{ width:100%; height: auto; float:left; padding-left:8%;}
	.ftr-mail{ width:auto; height:auto; float:left; padding-top:40px; padding-left:0px; }
	.ftr-call{ width:297px; height:auto; float:left; padding-top:27px; padding-left:0; font-family: 'Open Sans Condensed', 'sans-serif';color:#ff4117; font-size:25px;line-height:40px;} 
	.mail-call-img{ width:40px; height:40px; float:left; padding-right:20px;}
	.footer-link{ width:320px; height:auto; float:left; padding-top:20px; margin-left:0px;}
	.footer-link ul{ width:440px; float:left; padding-left:0px; display:none; }
	
	#social-box{ width:170px; margin-left: 90px; height:32px;float:left; margin-top: 10px;}
	.copy-right{ width:300px; margin-left: 21px; height: auto; font-size: 12px; position: relative; color:#5B5B5B; text-align:center; 
	 float:left; margin-bottom:25px; top:286px; margin-top:0;}
	.ftr_adr_box{ width: Auto; height:286px; float:left; margin-left: 51px;}
	.footer-adr-1{ width:242px;height: auto; padding-bottom:5px; float:left; font-family: 'Roboto', sans-serif; color:#6B6B6B ; font-size:12px; line-height:20px;}
	
	
	/*===== company page end   =====*/
	
	
	}