@media screen and (min-width: 992px) {.wedel{font-size: 25px;font-weight: 600;padding-top: 5px;text-align: center;color: #005c34;line-height: 42px;letter-spacing: -.5px;}
	
		
			}
@media (min-width: 768px) and (max-width: 991px) {.wedel{font-size: 25px;font-weight: 600;padding-top: 5px;text-align: center;color: #005c34;line-height: 42px;letter-spacing: -.5px;}
				
	}			
			
			
@media only screen and (min-width:320px) and (max-width: 768px)  {
	.wedel{font-size: 18px;font-weight: 600;padding-top: 5px;text-align: center;color: #005c34;line-height: 32px;letter-spacing: -.5px;}

.left_text {float: none;width: 100% !important;}
.rightimage {float: none;width: 100% !important;	text-align: center;}
.rightimage img{ width:100%; }

.rightimage_top {float: none;width: 100% !important;text-align: right;padding-top: 10px;}	
.rightimage {float: none;width: 100% !important;text-align: right;padding-top: 10px;}
.right_text{float: none;width: 100% !important;}
.leftimage {float:none;width:100% !important;text-align:left;}
.leftimage img{ width:100%; margin:5px;}
.top_calnow { height: 50px;}
.top_calnow_mob {float: right; margin-right:8px;}
.container.header_top{ padding:0px;}
.right_sidebar {width: 100% !important;float:none !important;}
#recent-works { margin-top: 0px !important;}
.im_tittle img {width: 100%;}
.text_running {margin-right: 0px !important;}
ul.menu {margin-top:-5px !important;}

}

.left_text {float: left;width: 57%;}
.rightimage {float: left;width: 42%;	text-align: right;}



.storebg{ margin:20px 0px;}
.afbfoebg{ margin:20px 0px;}

.itlaic_text {font-style: italic;font-size: 15px;color: #000;font-weight: 600;margin-bottom:16px;}
.rightimage_top {float: left;width: 42%;text-align: right;padding-top: 18px;}	
.rightimage {float: left;width: 42%;text-align: right;padding-top: 5px;}
.right_text{float: left;	width: 57%;}
.leftimage {float:left;width:42%;text-align:left;}
.artificial_gb{color: #000;padding: 16px 0px 5px 0px;margin: 0px;text-align: left;font-size: 26px;font-weight: 600;text-transform: uppercase;-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.clear {clear: both;}
/*.full_text {margin-bottom: 20px;}*/
.full_text {margin-bottom: 45px;}
.carousel-content{ margin-bottom:20px;}
.carousel-content img {width: 100%;}
#recent-works {margin-top: 0px;}
p {font-size: 15px;line-height: 23px;text-align: justify;margin-bottom: 15px;}
.pg_tittle {font-size: 20px;font-weight: 600; padding-top: 0px; text-align: left; color: #005c34;line-height: 24px;letter-spacing: -.5px;}


ul.menu {margin-top: 6px;}
.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;}

#logo {
/*	display: block;*/
	padding:0px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
   /* background-color:#FFFFFF;
	background-color: #254441;*/
	}
	
/*	li.drp{background-color:#FFFFFF;}*/

/* Styling the links */
nav a {
	display:block;
	padding:5px 20px 5px 20px;	
	color:#000000;
	font-size:16px;
	text-decoration:none;
	font-weight:500;
}


nav ul li ul li:hover { background: #FFFFFF; }

/* Background color change on Hover */
nav a:hover { 
	background-color: #FFFFFF; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top:32px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:220px;
	float:none;
	display:list-item;
	position: relative;
	background:#FFFFFF;
	z-index:99;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
/*li > a:after { content: '';} 
li > a:only-child:after { content: ''; }*/


/* Media Queries
--------------------------------------------- */

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

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}
	
	nav a {color:#FFFFFF !important;}


	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #254441;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		background:#005c34;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		font-size:14px !important;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
	
	.top-barbg {float: none !important;width: 100% !important;}
	.im_image {
    float: none !important;width: 100% !important; margin-right: 0%;}
	.leftgallary {float: none !important; width:100% !important;}
	.im_tittle {float: none !important; width: 100% !important; margin-top:10px;}
	.country-page li{ margin:0px 9px !important;}
	label.toggle.dp {margin-bottom: 0px; font-weight:500;}
	.right_sidebar{ float:none; width:100%; }

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}

.drp{ background:url(/images/navarrow.png) no-repeat 100px 10px; }
/*a, a:visited{ color:#000000;}*/
.top-barbg {float: left;width: 83%;}
header#header {border-bottom: solid 3px #005c34;padding-bottom: 5px;}

.clnow {padding: 0px 10px;}
.clnow img{ width:100%; height:auto;}



@media screen and (min-width: 1024px) {
.top_calnow_mob {width: 100%;height: 27px; margin:2px 0px;}
.west_york {font-size: 20px;font-weight: normal; font-style:normal; padding-top:5px; text-align: right; color: #005c34;line-height: 25px;font-family: 'open_sanssemibold';}
.contant_box {padding:0px 20px  15px 20px;}
.application_detils > li {float: left;list-style:none; margin:5px; width: 18%; text-align:center; min-height:115px;}
.application_detilss > li {	float: left;list-style: none;margin: 5px;width: 22%;min-height: 115px;text-align: center;}
.bottom_rpoductbg {width: 825px;margin: 0 auto;}
.application_detilss {
	padding: 0px;
	width: 460px;
	margin: 0 auto;
}
	.top_tittle {float: left;	width: 80%;}
		.top_calnow {float: right;width: 18%;}
		.google_trust {float: right;width: 150px;}
		.west_york {float: right;width: 71%; margin-right:20px;}

}

@media screen and (min-device-width: 901px) and (max-device-width: 1023px) { 
.top_calnow_mob {width: 48%;height: 27px; margin:2px 0px; float:left;}
.west_york {font-size: 18px;font-weight: normal;font-style: normal;	padding: 8px 2px;text-align: right;color: #005c34;line-height: 22px;font-family: 'open_sansbold';}
.contant_box { padding:0px 20px  15px 20px;}

.application_detils > li {float: left;list-style:none;margin:5px; width: 18%; text-align:center; min-height:137px;}
.application_detilss > li {	float: left;list-style: none;margin: 5px;width: 22%;min-height: 115px;text-align: center;}
  .application_detilss {padding:0px;width: 100%;margin: 0 auto;}
  .top_calnow {	width: 335px;margin: 0 auto;}
  .top-barbg {float: none;	width: 100%;}
  .col-xs-12{ width:100% !important;}
  .application_detils img{ width: auto !important;}
  .home_prdct {
	float: left;
	width: 31.32% !important;
	margin: 1%;
	border: solid 2px #489836;
	min-height: 350px;
}
  .container{ width:100%;}
.google_trust {	width: 150px;text-align: center;margin-top: 5px;float: right;} 
}




@media screen and (min-device-width: 768px) and (max-device-width: 899px) { 
.top_calnow_mob {width: 48%;height: 27px; margin:2px 0px; float:left;}
.west_york {font-size: 18px;font-weight: normal;font-style: normal;	padding: 8px 2px;text-align: right;color: #005c34;line-height: 22px;font-family: 'open_sansbold';}
.contant_box { padding:0px 20px  15px 20px;}

.application_detils > li {float: left;list-style:none;margin:5px; width: 18%; text-align:center; min-height:137px;}
.application_detilss > li {	float: left;list-style: none;margin: 5px;width: 22%;min-height: 115px;text-align: center;}
  .application_detilss {padding:0px;width: 100%;margin: 0 auto;}
  .top_calnow {	width: 335px;margin: 0 auto;}
  .top-barbg {float: none;	width: 100%;}
  .col-xs-12{ width:100% !important;}
  .application_detils img{ width: auto !important;}
  .home_prdct {
	float: left;
	width: 31.32% !important;
	margin: 1%;
	border: solid 2px #489836;
	min-height: 350px;
}
  
.google_trust {width: 155px;text-align: center;	margin-top: 0px;float: right;}
}



@media screen and (min-device-width: 568px) and (max-device-width: 767px) { 
.top_calnow_mob {width: 48%;height: 27px; margin:2px 0px;}
.west_york {font-size: 18px;font-weight: normal; font-style:normal; padding:8px 55px; text-align: center; color: #005c34;line-height: 22px;font-family: 'open_sansbold';}
.contant_box { padding:0px 20px  15px 20px;}

.application_detils > li {float: left;list-style:none;margin:5px; width: 22%; text-align:center; min-height:137px;}
.application_detilss > li {	float: left;list-style: none;margin: 5px;width: 22%;min-height: 115px;text-align: center;}
  .application_detilss {padding:0px;width: 100%;margin: 0 auto;}
  .top_calnow {	width: 335px;margin: 0 auto;}
  
 .google_trust {
	width: 100%;
	text-align: center;
	margin-top: 15px;
} 
}

@media screen and (min-device-width: 481px) and (max-device-width: 567px) { 
.top_calnow_mob {width: 48%;height: 27px; margin:2px 0px;}
.west_york {font-size: 18px;font-weight: normal; font-style:normal; padding-top:5px; text-align: center; color: #005c34;line-height: 22px;font-family: 'open_sansbold';}
.contant_box { padding:0px 20px  15px 20px;}

.application_detils > li {float: left;list-style:none;margin:5px; width: 22%; text-align:center; min-height:137px;}
.application_detilss > li {	float: left;list-style: none;margin: 5px;width: 22%;min-height: 115px;text-align: center;}
  .application_detilss {padding:0px;width: 100%;margin: 0 auto;}
  .top_calnow {	width: 335px;margin: 0 auto;}
  .google_trust {
	width: 100%;
	text-align: center;
	margin-top: 15px;
}
}

@media only screen and (max-device-width: 480px) {
   .top_calnow_mob {width: 48%;height: 27px; margin:2px 0px;}
   .west_york {font-size: 18px;font-weight: normal; font-style:normal; padding-top:5px; text-align: center; color: #005c34;line-height: 22px;font-family: 'open_sansbold'; padding-left:8px; padding-right:8px;}
   .contant_box {padding:0px 0px  15px 0px;}
   
   .application_detils > li {float: left;  list-style:none;  margin:5px;  width:30%;  text-align:center;  min-height:117px;}
   .application_detilss > li {	float: left;list-style: none;margin: 5px;width: 22%;min-height: 115px;text-align: center;}
   .application_detilss {padding:0px;width: 100%;margin: 0 auto;}
   .top_calnow {width: 335px;margin: 0 auto;}
   .google_trust {
	width: 100%;
	text-align: center;
	margin-top: 15px;
}
}


.detils-list {font-size: 15px;line-height: 22px;padding-left: 15px;	margin-bottom:20px;}
.detils-list li{ margin-bottom:8px;}