body{margin:0px;padding:0px;font-family: 'Gelasio', serif;font-size:16px; line-height:28px;-webkit-text-size-adjust:100%; height:100%; color:#5a5a5a; text-align:justify;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
 
h1, h2, h3, h4, h5, h6{ font-family: 'Gelasio', serif;}


div,p,ul,ol,li,a,input,select,img,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;list-style:none;font-size:100%;border:none;outline:none;text-decoration:none;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

a{ color:#d8a026; -webkit-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
a:hover{ text-decoration:underline;}
img { vertical-align: middle;}

.left{float:left;}
.right{float:right;}
.clr{clear:both;}

.clearfix{*zoom:1}
.clearfix:after{clear: both;content:"."; display:block; height:0; line-height:0; overflow:hidden; font-size:0; visibility:hidden;}

.maindiv{ max-width:1600px; margin:0 auto; overflow:hidden; position:relative;}

.container{ max-width:1170px; margin:0 auto; width:100%;}

.header-wraper { position:relative; padding:10px 0; background:url(../images/bg-home-page.jpg) repeat;  }
.header-wraper:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(234, 191, 61, .85);}

.header-block{ position:relative;}
.logo{ float:left; max-width:200px;}
.logo img{ max-width:100%;}

.back-btn{ float:left; margin:25px 0 0 100px;}
.back-btn a { background: #b6851a; color: #fff; display: inline-block; font-weight: bold; padding: 8px 30px; border-radius: 10px 0; border:1px solid #b6851a;}
.back-btn a:hover{ text-decoration:none; background:none; color:#b6851a;}

.notice-box { padding: 15px 0 10px; position: relative; text-align: center;}
.notice-box h2{ color:#342d96; font-size:21px;}

.nav-wraper{ float:right; margin-top:20px; position:relative;}
.sf-menu { margin:0 auto; text-align:center; float:right;}
.sf-menu > li > span { display: block; position: relative;}
.sf-menu ul { position:absolute; top:-999px; display:none; }/*offset of submenus need to match (see below)*/
.sf-menu li { position:relative; background: none;}
.sf-menu a { display: block; text-decoration: none;}
.sf-menu a:hover {text-decoration: none;}
.sf-menu > li{ position:relative;}
.sf-menu > li:before{ position:absolute; left:-25px; top:7px; width:1px; height:40px; content:""; background:#a9730d;}
.sf-menu > li:first-child:before{ display:none;}

/*================================>> 1 Level <<========================================*/
li.sfHover {position: relative;}
.sf-menu > li > a { color: #000; display:inline-block; font-size: 16px; font-weight:600; line-height: 15px; padding: 10px 5px; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); font-family: 'Gelasio', serif; vertical-align: middle; z-index: 100; text-transform:uppercase;}	

.sf-menu > li > a{ position:relative;}
.sf-menu > li > a span { display: block; font-size: 14px; margin: 5px 0 0; text-transform: lowercase;}

.sf-menu > li { display: block; position: relative;	float: left;}
.sf-menu > li + li { margin-left:50px;}
.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, 
	.sf-menu > li.sfHover > span { color: #a9730d; }
.sf-menu > li.current > a{ color:#a9730d; }	
/*================================>> 2 Level <<========================================*/
.sf-menu > li > ul, .sf-menu > li.sfHover > ul { top:65px;-moz-box-shadow:0 0 0 5px rgba(255, 255, 255, 0.5); -webkit-box-shadow:0 0 0 5px rgba(255, 255, 255, 0.5);box-shadow:0 0 0 5px rgba(255, 255, 255, 0.5);  left: 0; margin-left: 0; width: 220px; z-index:99; background: #fff ; text-align:left;}

.sf-menu > li > ul li{ }

.sf-menu > li > ul{ }

.sf-menu > li > ul > li {padding: 0 0;}
.sf-menu > li > ul > li + li {}
.sf-menu > li > ul > li > a { display: block; padding: 6px 15px; color: #5a5a5a; font-weight:500; line-height: 24px; font-size:15px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover > a, .sf-menu li.sfHover li.sfHover span {  color: #fff; background:#84c321;}
.sf-menu > li > ul > li > a.sf-with-ul:after  { position: absolute; display: block; content:"\f107"; right: -3px; text-align: center; margin-left: -10px;	top: 13px;-moz-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; -webkit-transition: top 0.3s ease-out;
	overflow: hidden; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; color: #939393;}
.sf-menu > li > ul > li > a.sf-with-ul:hover:after  { color: #b8baaa;}
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul { top: -7px; left: 160px; z-index:99; position: absolute;	text-align: left; padding-top: 9px;	padding-bottom: 6px; padding-left:10px;background: #50dbde; width: 120px;	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;	-o-border-radius: 10px;	border-radius: 10px;}
.sf-menu li li ul:before { position: absolute; left: -8px; top: 8px; content: ""; border: 4px solid; border-color: transparent #50dbde transparent transparent;}
.sf-menu li li li {padding: 0 0;}
.sf-menu li li li a { display: block; color: #aefdff; line-height: 28px; line-height: 39px;}
.sf-menu li li li + li a { border-top: 1px solid #67e0e2;}
.sf-menu li li li a:hover {	color: #fff;}

.sticky { background: #222; border-top: 0 none; left: 0; position: fixed; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 1100; -webkit-box-shadow:2px 2px 6px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 6px rgba(0,0,0,.2); box-shadow:2px 2px 6px rgba(0,0,0,.2);}

.banner-strip{ background:url(../images/about.png) repeat-x; }
.banner-strip-block{}
.banner-strip-1{ float:left; width:50%;}
.banner-strip-1-inner{}
.banner-strip-1-inner h1{ font-size:25px; line-height:60px; color:#4c3406; text-align:left;}
.banner-strip-1-inner ul{ text-align:right;}
.banner-strip-1-inner ul li{  color:#58585b; display:inline-block; padding:0 5px; font-size:17px;}
.banner-strip-1-inner ul li a{ display:inline-block;}
.banner-strip-1-inner ul li a:hover{}
.banner-strip-1:last-child{ margin:14px 0 0 0;}
.banner-strip-1:last-child li{ text-align:right;}

.banner-section{ background:#ddd; padding-top:50px}
.banner-section-block{ background:#fff; padding:5px; border-radius:40px 0;}
.banner-section-block img{ max-width:100%; border-radius:40px 0;}

.banner-wraper{ background:#47892d; padding:60px 0;}
.banner-block{}
.banner-title{ text-align:center;}
.banner-title h1{ font-size:50px; line-height:60px; color:#fff;}
.breadcrum{}
.breadcrum ul{}
.breadcrum ul li{ color:#58585b; display:inline-block; padding:0 5px;}
.breadcrum ul li a{}
.breadcrum ul li a:hover{}

.bannerback{ text-align:center; margin:0 auto; max-width:700px;}
.bannerback h2{ color:#47892d; font-size:35px; font-weight:700; line-height:40px; margin-bottom:20px;}
.bannerback p{ color:#000;}

.content-wraper{ padding:40px 0; background:#ddd;}
.content-block{ background:#fff; padding:20px; border-top:5px solid #d8a026; margin:15px 0; display:inline-block; width:100%;}
.content-block p{ margin-bottom:12px; text-align:left;}
.content-block h3{ font-size:22px; margin:12px 0; color:#2b2761;}
.content-block ul{ margin:0 0 20px 5px}
.content-block ul li{ position:relative; padding:3px 0 3px 15px;}
.content-block ul li:before{ position:absolute; left:0; top:3px; font-size:8px; content:"\f111"; font-family:FontAwesome; color:#67a13b;}
.content-block.content-1 ul:last-child{ border-top:5px solid #e4e4e4; margin-top:20px; padding-top:20px;}

.content-block ol{ margin:0 0 20px 5px}
.content-block ol li{ position:relative; padding:3px 0 3px 15px;}
.content-block ol li:before{ position:absolute; left:0; top:3px; font-size:8px; content:"\f111"; font-family:FontAwesome; color:#67a13b;}

.content-block.content-1{}
.content-block.content-1 h3{ text-align:center;}
.content-block.content-1 ul{ text-align:center;}
.content-block.content-1 ul li{ background: #f9f9f9; border: 1px solid #ddd; border-radius: 10px 0; color: #2a2a2a; display: inline-block; margin: 6px; padding: 7px 30px; text-align: left;}
.content-block.content-1 ul li:before{ left:13px; top:6px;}

.content-block.content-2{}
.content-block.content-2 h3{ text-align:center;}
.content-block.content-2 ul{ text-align:center;}
.content-block.content-2 ul li{ background: #f9f9f9; border: 1px solid #ddd; border-radius: 10px 0; color: #2a2a2a; display: inline-block; margin: 6px; padding: 7px 30px; text-align: left;}
.content-block.content-2 ul li:before{ left:13px; top:6px;}

h2.titleh2{ font-size:22px; margin:12px 0; color:#2b2761; text-align:center;}

.content-block-3{ margin:15px -15px;}
.content-3{ float:left; width:50%; }
.content-3-inner{ margin:0 15px; background:#fff; border-top:5px solid #47892d; padding:20px;}
.content-3-inner h3{ font-size:22px; margin:12px 0; color:#2b2761;}
.content-3-inner p{ margin-bottom:12px;}
.content-3-inner ul{}
.content-3-inner ul li{ position:relative; padding:3px 0 3px 15px;}
.content-3-inner ul li:before{position:absolute; left:0; top:3px; font-size:8px; content:"\f111"; font-family:FontAwesome; color:#67a13b;}

.content-block.content-4{}
.content-block.content-4 h3{ text-align:center;}

.chief-box{ margin-top:40px; margin-bottom:30px;}
.chief-1{}
.chief-1-inner{}
.chief-1-img { float: left; margin: 0 20px 0 0;}
.chief-1-img img{ max-width:100%; border-radius:25px 0; border:1px solid #e4e4e4; padding:5px;}
.chief-1-info{}
.chief-1-info h4 { color: #000; font-size: 22px; line-height: 30px; margin-bottom: 10px;}
.chief-1-info h5{ color:#3e3e3e;}
.chief-1-info p{}

.ev-single-block{}
.ev-4{ float:left; width:14%; margin:20px 0;}
.ev-4-inner{ padding:0 5px;}
.ev-4-img{ text-align:center;}
.ev-4-img img{ max-width:100%; border-radius:25px 0; border:1px solid #e4e4e4; padding:5px;}
.ev-4-info{ text-align:center;}
.ev-4-info h3{ font-size:16px; color:#2a2a2a; margin:10px 0 5px 0; line-height:26px;}
.ev-4-info h4{ font-weight:normal; line-height:25px;}

.apply-btn{ text-align:center; margin-top:30px;}
.apply-btn a { background: #47892d; border-radius: 20px 0; color: #fff; display: inline-block; font-weight: bold; letter-spacing: 1px;  padding: 15px 50px; text-transform: uppercase; border:1px solid #47892d;}
.apply-btn a:hover{ background:none; color:#47892d; text-decoration:none; }

.register-btn{ text-align:center; margin-bottom:20px;}
.register-btn a { background: #47892d; border-radius: 5px; color: #fff; display: inline-block;  font-size: 14px; font-weight: bold;  letter-spacing: 1px; padding: 10px 40px; text-transform: uppercase; border:1px solid #47892d;}
.register-btn a:hover{ text-decoration:none; background:none; color:#47892d;}

.footer-wraper{ background:url(../images/footer.jpg) repeat top center; padding:70px 0 0; position:relative;}
.footer-wraper:before{ position:absolute; left:0; top:0; content:""; background:#000; opacity:.9; width:100%; height:100%;}
.footer-1{ float:left; position:relative; width:50%;}
.footer-1-inner{ padding:0 15px;}
img.footer-logo{ max-width:260px; margin-bottom:15px;}
a.foo-btn{ display:inline-block; margin-top:15px; text-decoration:underline;}
.footer-1-inner p{ color:#e4e4e4; text-align:left;}
.footer-1-inner ul.unstyled{}
.footer-1-inner ul.unstyled li{ position:relative; padding:8px 0 8px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.footer-1-inner ul.unstyled li:before{ position:absolute; left:0; top:8px; font-size:8px; content:"\f111"; font-family:FontAwesome; color:#67a13b;}
.footer-1-inner ul.unstyled li a { color: #e4e4e4; display: inline-block; font-size: 14px;  margin: 0; width: 100%;}
.footer-1-inner ul.unstyled li a:hover{ text-decoration:none; color:#67a13b; margin:0 0 0 5px;}
.footer-1-inner h4{ color:#fff; margin:10px 0 15px; font-size:22px; font-weight:600; position:relative;}
.footer-1-inner h4:before{}

.MainAddBlock{ margin-top:30px;}
.MainAddBlock .addBlock{ margin-bottom:15px;}
.MainAddBlock .addBlock .addIcon { background: #d8a026; border-radius: 5px; float: left; height: 30px; line-height: 30px; margin: 5px 10px 0 0; text-align: center; width: 30px;}
.MainAddBlock .addBlock .addIcon i { color: #fff ; font-size: 15px;}
.MainAddBlock .addBlock .addDetail{ width:91%; float:right; font-size:16px; text-align:left; color:#e4e4e4;}
.social{ float:left; width:100%; margin:25px 0 0 0; text-align:left;}
.social ul{}
.social ul li{ margin:0 0 0 0; display:inline-block;}
.social ul li a { border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; display: block; font-size: 14px; height: 38px; line-height: 38px; margin: 5px; padding-bottom: 13px; text-align: center; width: 38px;}
.social ul li a:hover{ text-decoration:none; background:#d8a026; color:#fff; border:1px solid #67a13b;}

.copyright{ text-align:center; color:#fff;  padding:20px 0; font-size:16px; float:left; width:100%; margin-top:60px; position:relative; background:#d8a026;}
.copyright a{ color:#fff; text-decoration:underline;}

.form-block{ padding:40px 0;}
.form-group{ float:left; width:50%; padding:0 15px; margin-bottom:20px;}
.form-group label{ display:inline-block; color:#2a2a2a; text-align:left;}
.form-group label.error{ color:#F00;}
.form-group label em{ color:#F00;}
.form-group input.txtbox { background: #f9f9f9; border: 1px solid #e4e4e4; border-radius: 30px; height: 47px; padding: 10px; width: 100%; color:#2a2a2a;}
.form-group select { background: #f9f9f9; border: 1px solid #e4e4e4; border-radius: 30px; height: 47px; padding: 10px; width: 100%; color:#2a2a2a;}
.form-group.form-radio{}
.form-group .ans-text{}
.form-group .ans-text em{ color:#F00;}
.form-group .radio{ float:left; width:50%; padding:8px 10px; background: #f9f9f9; border-radius:30px; border: 1px solid #e4e4e4;}

.form-group.form-radio1{ float:left; width:100%;}
.form-group.form-radio1 .ans-text{}
.form-group.form-radio1 .ans-text em{ color:#F00;}
.form-group.form-radio1 .radio{ float:left; width:100%; padding:10px; background: #f9f9f9; border-radius:30px; border: 1px solid #e4e4e4;}


.form-group.form-group-msg{ width:100%;}
.form-group.form-group-msg textarea{ background: #f9f9f9; border: 1px solid #e4e4e4; border-radius: 30px; height: 70px; padding: 10px; width: 100%; color:#2a2a2a;}
.form-group.form-group-single{ width:100%;}

.form-group-btn{ text-align:center; width:100%; float:left;}
.form-group-btn .submit {background: #47892d; border-radius: 20px 0;color: #fff; cursor: pointer; font-family: "Gelasio",serif; font-size: 14px; font-weight: bold; letter-spacing: 1px; padding: 13px 40px;  text-transform: uppercase;}



a#backtop:before { color: #ffffff; content: "\f106"; display: block; font-family: "FontAwesome"; font-size: 20px; margin-top: 20px; text-align: center;}
a#backtop { background-color: #d8a026; border-radius:50%; bottom: 25px; height: 55px; line-height: 16px; position: fixed; right: 30px;
  text-decoration: none; width: 55px; z-index: 9999; font-size: 20px; font-weight: 400; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
a#backtop:hover{ text-shadow: 0 3px 0 #000, 0 4px 2px #fff; -webkit-text-shadow: 0 3px 0 #000, 0 4px 2px #fff; background:#0cb4ce ;}  

/*====================  Popup Css  ==========================*/

.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}
.close:not(:disabled):not(.disabled){cursor:pointer}
button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}
.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000;}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}
.modal-header .close{ float:right; font-size:25px; line-height:18px;}
.modal-title{line-height:1.5; color: #1c1c1c; font-size: 23px; font-weight: 600; margin-top:10px; }
.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}
.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}
.modal-body img{ max-width:100%;}
.modal-footer>:not(:first-child){margin-left:.25rem}
.modal-footer>:not(:last-child){margin-right:.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:576px){
	.modal-dialog{max-width:400px;margin:1.75rem auto}
	.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}
	.modal-sm{max-width:300px}
}
@media (min-width:992px){.modal-lg{max-width:800px}}


/*===================================  End Popup Css  ================================================*/


  
#menu-icon{ display:none;}  


@media screen and (min-width:1281px)
{
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:1000px;}
	

}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:760px}		
	.call-1{ display:none;}
	.middle-wraper .logo{ margin:15px 0;}	
	.nav-wraper{ width:100%;}
	 #menu-icon { cursor: pointer; display: block; position: absolute; right: 0; top: -75px; width: 100px; z-index: 100000;}
	 .sf-menu > li::before{ display:none}
	 .sf-menu > li + li { margin-left: 0;}
	 #menu-icon i{ font-size:20px; color:#fff; padding:10px; cursor:pointer;}
	#menu-icon span{ color:#fff;} 
	.menu-menu-1-container{ width:100%; position:absolute; left:0; top:40px;}
	.sf-menu{ float:none;}
	.breadcrum .breadCrumTP .menu-menu-1-container{ position:static;}
	.sf-menu > li > a{ color:#5a5a5a;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ box-shadow:none;}
	.nav__primary{ width:100%;}
	.sf-menu > li{ width:100%;}	
	.sf-menu > li > a{ padding:12px 15px; width:96%; text-align:left;}
	.sf-menu > li > ul > li > a{ width:100%; padding:8px 0;}
	.sf-menu li ul.servItem li{ width:100%;}
	.sf-menu li ul.servItem{ width:100%!important;}
	.sticky{ position:static!important}
	.sf-menu > li > ul > li strong{ display:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ width:100%;}
	.sf-menu > li > ul{ position:static;}
	.sf-menu > li > ul:before{ display:none;}
	.sf-menu > li:hover > a, .sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li:hover > span, .sf-menu > li.current > span, .sf-menu > li.sfHover > span{ border:none;}
	.sf-menu > li > ul, .sf-menu > li.sfHover > ul{ border:none;}
	.sf-menu > li.sfHover ul{}
	.sf-menu li ul{ display:none; padding:5px 25px;}
	.sf-menu li strong { background: url(images/toogle-button2.png) no-repeat right -54px; height: 35px; position: absolute; right: 25px; top: 4px; width: 150px; z-index:200; cursor:pointer;}
	
    .sf-menu li strong.opened { background-position: right 7px;}
    .sf-menu > li{ background:#f9f9f9;}
	
	.footer-1{ width:100%;}
	.footer-1:first-child{ margin-bottom:30px;}
 
  

	
	
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:600px}
	.banner-strip-1-inner h1{ font-size:22px;}
	.form-group{ width:100%; padding:0;}
	.form-group .radio{ width:100%;}
	.ev-4{ width:33%;}
	
	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
	.container, .site-content{ width:98%; margin:0 auto; max-width:440px}
	.banner-strip-1-inner h1{ font-size:18px;}
	.banner-strip-1-inner ul li{ font-size:14px;}
	.nav-wraper{ margin:0;}
	.banner-section{ padding-top:20px;}
	.content-wraper{ padding:10px 0;}
	.MainAddBlock .addBlock .addDetail{ width:87%;}
	.content-block h3{ font-size:18px; text-align:left;}
	.content-block ul li{ text-align:left}
	.bannerback h2{ font-size:24px; line-height:30px;}
	.ev-4{ width:100%;}
	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
	.container{ width:98%; margin:0 auto; max-width:300px} 
	.MainAddBlock .addBlock .addDetail { width: 84%;}
	.banner-strip-1:last-child{ display:none;}
	.banner-strip-1{ width:100%; text-align:center;}
	.banner-strip-1-inner h1 { font-size: 18px; text-align: center;}
	.content-block h3{ font-size:16px; text-align:left;}
	
	


}