/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 568px){
}
@media (min-width: 569px) and (max-width: 767px){

}
@media (max-width: 767px) {
	/*upadate navigation*/
.sm-simple a.has-submenu span.font-awesome { display:none; }
.pad-right { padding-right:15px; }
.navigation { padding:10px 0; }
a.menu { display:block; width:25px; margin:0; float:right; position:relative; }
a.menu span{display:block; height:2px; width:100%; margin:5px 0; background:#FFFFFF; }
#main-menu { display:none; margin:30px 0 0 0; clear:both; float:none !important; border-top:none !important; }
.sm-simple > li { padding:0 !important; }
.sm-simple > li.menu-item-has-children::after { display:none; }
.sm-simple > li.active { border-top:none !important; }
.sm-simple > li.active a { border-bottom:none !important; color: #fbe058 !important; }
/*=== Home Page Start =====*/
.service  { margin-top:0; }
.sidebar { width:100%; margin:0; }
.main-content {width:100%; margin:0;}
.map { margin:0 0 10px; clear:both; float:none;  }
.map > img { width:100%; }
.right-side > img { width:34px; }
.black-bg h3 { font-size:20px; line-height:23px; }
.black-bg h6 { font-size:18px; line-height:18px; }
.main-content h1 { margin-bottom:10px; }
.content { display:table; }
.main-content {display:table-header-group; float: none;  }
.sidebar {display:table-footer-group; float: none; }
.header { position:relative; }
.header .categories ul li a{ font-size: 19px;line-height: 19px; }
.categories  { padding:5px 0; }
.header .categories ul { text-align:left; }
.tagline { margin-top:0; } 
.logo { text-align:center; margin-bottom:10px;}
.logo img { display:inline-block; width:200px; }
.phone-no h3 { font-size:18px; line-height:18px; }
.background { height:48px; }
.phone-no { padding:15px 0; }
.service .service-block .des{ padding: 20px 15px;  }
.service-block h1 { font-size:37px; line-height:37px; text-align:center; }
.service-block { margin-bottom:20px; min-height:auto !important;}
.service  { margin-top:25px; }
.service-block.cool h1 { font-size:37px; line-height:37px; }
.service-block.cool span { font-size:37px; line-height:37px; }
.service-block.cool h6 { font-size:20px; margin-bottom:10px; }
.footer ul {  text-align:center; }
.footer ul li { float:none; border:none; margin-bottom:5px; }
.navigation { float:none;  }
a.menu { margin-right:15px; }
.menu .col-sm-8 { padding:0; }
.sm-simple li { font-size:15px; padding-left:10px !important; margin-bottom:5px !important; }
.sm-simple a { font-size:15px !important; line-height:17px !important; }
.phone-no { position:absolute; top:0; left:15px; }
.header .categories ul li { padding:0; display:block; }
.inner-page .menu { background:none; z-index:0; padding-bottom:0; }
.black-bg .left-side { width:80%; }
.footer ul { float:none; }
.menu-collapser { font-size:0 !important; background-color:transparent !important; }
}

@media (min-width: 767px) {
/* updated Navigation */
.sm-simple > li { border-left:none !important; }
.sm-simple a span.sub-arrow { right:10px !important; }
.sm-simple .sm-nowrap > li > a { padding:10px !important; }
.sm-simple a span.sub-arrow { display:none !important; }
.sm-simple a.has-submenu span.font-awesome { margin:0 0 0 10px;	}
#main-menu.done { display:block !important; } 
a.menu { display:none;}


.categories .sub-toggle {
	display:none !important;	
}


ul.slimmenu {
	width:auto !important;
	float:right !important;	
}

ul.slimmenu li>ul {
		
}

ul.slimmenu li {
	background-color:transparent !important;

    padding: 16px 22px 13px 22px !important;
	border:none !important;	
}

ul.slimmenu li a:hover {
	background-color:transparent !important;	
}


ul.slimmenu li a {
	padding:0 !important;	
}

ul.slimmenu li>ul {
	background-color:#da0019 !important;
}

}

@media (min-width: 768px) and (max-width: 991px){ 
	
/*=== Home Page Start =====*/
.service  { margin-top:0; }
.sidebar { width:100%; margin:0; }
.main-content {width:100%; margin:0;}
.map { margin:0 0 0 10px;  }
.map > img { width:100%; }
.right-side > img { width:34px; }
.black-bg h3 { font-size:23px; line-height:23px; }
.black-bg h6 { font-size:18px; line-height:18px; }
.main-content h1 { margin-bottom:10px; }
.content { display:table; }
.main-content {display:table-header-group; float: none;  }
.sidebar {display:table-footer-group; float: none; }
.header .categories ul li a{ font-size: 19px;line-height: 19px; }
.categories  { padding:5px 0; }
.header .categories ul { text-align:center; }
.tagline { margin-top:0; } 
.logo { text-align:center; margin-bottom:10px;}
.logo img { display:inline-block; width:200px; }
.phone-no h3 { font-size:18px; line-height:18px; }
.phone-no { padding:15px 0; }
.service-block { margin-bottom:20px; }
.service  { margin-top:25px; }
.navigation { float:none;  }
a.menu { margin-right:15px; }
.menu .col-sm-8 { padding:0; }
.sm-simple a { font-size:15px !important; line-height:17px !important; }
.header .categories ul li { padding:0 10px; }
.content {  width:100%;}
.sm-simple > li { padding: 25px 11px 24px !important; }
.phone-no {position:absolute;  top:10px ; right:-4px; z-index:9999;}
.img-left { margin:0 0 10px 0; clear:both; float:none; }
.img-right { margin:0 0 10px 0; clear:both; float:none; }


ul.slimmenu li { padding: 16px 14px 13px 14px !important; }
.header .categories ul li a { font-size:16px; line-height:16px; }
}

@media (min-width: 992px) and (max-width: 1199px){
	.service .service-block .des{ min-height: 375px; }
	.service { margin-top:20px; }
	.main-content { margin-left:10px; width:65%; } 
	.sidebar { margin-right:10px; width:32%; }
	.service .service-block { margin-bottom:20px; min-height:293px; }
	.sm-simple > li { padding:25px 12px 24px !important; }
	.sm-simple a { font-size:16px !important; }
	.phone-no h3 { font-size:18px; line-height:37px; }
	.logo img { width:300px; }
	
	ul.slimmenu li { padding: 16px 30px 13px !important; }
	 .header .categories  ul li a { font-size:16px; line-height:18px; }
}

@media (min-width: 1200px) and (max-width: 1300px) {
	.service .service-block .des{ min-height: 375px; }
	.container { width:1170px; }
	.service-block h1 { font-size:29px; line-height:35px; } 
	.service-block.cool h1{ font-size:40px; line-height:45px; } 
	.service-block.cool span { font-size:40px; line-height:45px; }
	.service-block.cool h6 { font-size:19px; }
	.service-block.cool img { width:21px; }
	.service { margin-top:-100px; }
	.sidebar { margin-right:10px; }
	.main-content { margin-left:10px; }
	.sm-simple a { font-size:18px !important; }
	.sm-simple > li { padding:25px 13px 24px !important; }
	.phone-no h3 { font-size: 26px; line-height: 35px; }
	.black-bg h3 { font-size:26px; }
	.logo  img { width:270px; }
	.inner-page .menu { padding-bottom:13px; }
}

@media (min-width: 1300px) and (max-width: 1482px){
	.container { width:1270px; }
	.sidebar { margin-right:15px; }
	.main-content { margin-left:15px; }
	.service-block h1 { font-size:36px; line-height:40px; }
	.service-block.cool h1{ font-size:55px; line-height:60px; } 
	.service-block.cool span { font-size:55px; line-height:60px; }
	.service-block.cool img { width:28px; }
	.service-block.cool h6 { font-size:20px; margin-bottom:27px; }
	.sm-simple a { font-size:18px !important; }
	.sm-simple > li { padding:25px 16px 24px !important; }
	.phone-no h3 { font-size: 26px; line-height: 35px; }
	.partner ul li { margin:0 0 10px; }
	.black-bg h3 { font-size:29px; }
}



/*---------- Large Desktop , Large Screen End ----------*/