/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */


/**##########################################################################**/
/**new site css**/
#header{
position:relative;
}

.close-button{
	    position: absolute;
    right: -12px;
    top: -13px;
}

.close-button .far.fa-times-circle{
	cursor: pointer;
    font-size: 30px;
    color: red;
}
.login-box{
	-webkit-box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.75);
    position: absolute;
    right: 10px;
    width:390px;
    top: 65px;
    z-index: 9999999999;
    background: #fff;
	
}
.login-box-wrapper{}
.login-row-1{    padding: 15px 15px 15px 15px;}
.login-row-1 h3{
      color: #0474e1;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 5px;
    padding-bottom: 0px;
	font-size:15px;
}
.row-1-content p{
padding: 0;
    margin: 0;
}

.row-1-content{
    width: 100%;
    overflow: hidden;	
	position:relative;
}                                        
.login-row-1{}

.login-box-wrapper a{} 
.login-box-wrapper a:hover .login-row-1{
background:#0474e1;
color:#fff;	
} 

.login-box-wrapper a:hover .login-row-1 h3{
      color: #fff;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 5px;
    padding-bottom: 0px;
}
.login-box-wrapper a:hover .row-content-part p{
	color:#fff;	
}

.image-part{
width: 16%;
    float: left;
    padding-right: 10px;
    overflow: hidden;
}
.row-content-part{
	    width: 76%;
    float: left;
}

.icon-part{
	    width: 5%;
    float: left;
	color:#000;
	    height: 100%;
		    font-size: 17px;
}
.login-box-wrapper a:hover .icon-part {
	color:#000;
}
.icon-part .fas.fa-angle-right{
	    position: absolute;
    top: 50%;
	
}

/***/
.row.serv_types h2 {
color: #0C69C7 !important;
}

.row.serv_types a {
text-decoration:none !important;
}
	.container .four.columns.footer-cols{
	width: 22.6%;
    padding-left: 10px;
	}
	
	h3.last-title{
	 padding: 0 0 0 0px;
	}
		
		.one-third.column.home-col-1,
		.one-third.column.home-col-2,
		.one-third.column.home-col-3,
		.one-third.column.home-col-4,
		.one-third.column.home-col-5,
		.one-third.column.home-col-6		
		{
			width: calc(32.4% - 0px);
			    margin-right: 0;
    margin-left: 0;
		}
		
		
		.row.page-wrapper{
		    width: 100%;
    overflow: hidden;	
		}		
		.page-left-inner{
			    padding:3% 40px 0  40px !important;
		}				
		.one-third.column.page-right{
			width: 30%;
		    margin: 0;
		}
		
		.two-thirds.column.page-left{
			width: 70%;
			    margin: 0;
		}
		
		/**sidebar8*/
		
		.button_sec-2{}
		.button_sec-2 a{
			font-weight: bold;
    color: #3E99F3 !important;
		}
		
		.button_style {
    color: #fff;
    margin: 20px 0 0;
    padding: 0px 0 5px;
    text-align: left;
    width: auto;
	    font-size: 15px;
}
		.button_style a {
    background: #074ea3 none repeat scroll 0 0;
    color: #fff !important;
    padding: 2% 5%;
    font-weight: bold;
	font-size:14px;
}

		.button_style2 {
    color: #fff;
    margin: 20px 0 0;
    padding: 0px 0 5px;
    text-align: left;
    width: auto;
	    font-size: 15px;
}
		.button_style2 a {
    background: #e5e5e5 none repeat scroll 0 0;
    color: #fff !important;
    padding: 2% 5%;
    font-weight: bold;
	font-size:14px;
}
		
		.blog_sidebar{
			background: #f9f9f9 !important;
            width: 100% !important;
			    height: 100%;
    margin-bottom: -5000%;
    padding-bottom: 5000%;
		}
		
		#sidebar {
        padding: 3% !important;		
		width:auto;
        }
		
	.blog_sidebar .et_pb_widget, #sidebar .et_pb_widget {
    background: #fff none repeat scroll 0 0;
    padding: 3%;   
    width: auto;
    margin-bottom: 20px;
}

h4.widgettitle {
    font-weight: bold;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
    font-size: 21px !important;
    line-height: 27px !important;
    color: #0066cc !important;
	    padding-bottom: 10px;
}

h4.widgettitle.orange {
	color:orange  !important;
	margin-top:0px;
}

/*sidebar videos*/
.blog_sidebar .youtube_channel.responsive .ytc_video_container {
    margin-bottom: 20px;
    width: 100% !important;
}

.youtube_channel.responsive .ytc_video_container.ar16_9 .fluid-width-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
}
.youtube_channel.responsive .ytc_video_container .fluid-width-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube_channel .ytc_video_container iframe {
    margin-bottom: 0;
}

.ytc_link p a{
	font-size:14px;
	    color: #0066cc;
}
/**Most Popular widget**/
ul.wpp-list {
 /*   list-style-type: none;
    list-style-type: decimal !ie;*/
    margin: 0;
    padding: 0;
   
}
ul.wpp-list > li {
    position: relative;
    margin-bottom: 10px;
}

.wpp-list li {
    overflow: hidden;
    float: none;
    clear: both;
	    font-size: 14px;
}
ul.wpp-list > li:before {
    text-align: right;
    color: #0066cc;
  
}

.et_pb_widget a {
    color: #3E99F3;
    text-decoration: none;
}
.et_pb_widget .wpp-list li  a:hover{
    color: #3E99F3;
}

/**Categories**/

#categories-5 ul {
    columns: 2;
    margin-left: 20px;
    font-size: 13px;
}

.et_pb_widget ul li {
    margin-bottom: .5em;
}
#categories-5 ul li a {
    color: #0066cc;
}

/**page content**/
.page-left-inner{
	text-align: left;
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 10px;
}
.page-left-inner p{
	text-align: left;
	font-size: 17px;
	color: #333333;
	line-height: 28px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 5px;
}

.page-left-inner table p{
	text-align: left;
	font-size: 15px;
	color: #333333;
	line-height: 21px;
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 5px;
}

/**New Home Section**/
.footer-contact{
	overflow:hidden;    
	width:100%;
	background:#fff;	
}
.footer-content-wrapper{
	padding: 35px 0px 45px 0;
    width: 98%;
    margin: auto 0;
}
.footer-content{
	    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
	padding-bottom:20px;
}
.title-text{
	
}
.title-text h2{
	   text-align: center;
    color: #0474e1;
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
		position:relative;
	    padding: 10px 0 45px 0;
    margin: 0 auto 20px 0;
}
.title-text h2:after{
background: url(//www.colonialfilings.com/wp-content/themes/colonial/img/headline.png)no-repeat;
    background-position: center center;
    content: "";
    width: 100%;
    height: 29px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.content-text{
	    padding: 0 0 20px 0;
}
.content-text p{
	      font-size: 17px;
    color: #000000;
    line-height: 33px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-weight: normal;
}

.footer-button{
	 text-align:center;
	 padding:25px 0 0 0;

}
.footer-button a{    
padding: 16px 51px;
    background: transparent;
    border-radius: 5px;
    color: #3e99f2;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid;
    transition-duration: .35s;

}
.footer-button a:hover{
	background: #3e99f2 !important;
    color: #fff !important;
}
	
	
	/*home servies box*/
	
	
.services{
      width: 98%;
    overflow: hidden;
 
    padding: 25px 1% 35px 1%;
	background:#fff;
}
.services-wrapper{    width: 100%;
    overflow: hidden;}
.service-header{    padding-bottom: 30px;}
.service-header-wrapper{}
.service-header-wrapper h2{
	  text-align: center;
    color: #054594;
    font-size: 30px;
    font-weight: normal;
}
.service-header-wrapper h2 a{
    color: #054594;
	text-decoration:none;
}

.service-header-wrapper	 h2:after{
content: "";
    display: block;
    width: 70px;
    border-bottom: 2px solid #054594;
    padding-top: 20px;
    margin-bottom: 0;
	    margin-right: auto;
    margin-left: auto;
}

.service-box{
    float: left;
    width: calc(25% - 0px);	
}
.service-box-inner{        background: #fff;
    margin: 15px;}
.service-image{}
.service-image img{ width:100%; height:auto; display:block;}
.service-title{    padding-bottom: 15px;}
.service-title h3{
	    font-size: 15px;
    color: #054594;    margin: 0;
	}
	
.service-title h3:after{
	    content: "";
    display: block;
    width: 70px;
    border-bottom: 2px solid #054594;
    padding-top: 16px;
    margin-bottom: 0;
}
.service-content{}
.service-content p{font-size: 13px;
    color: #000;
    line-height: 18px;}
.service-read-more{    padding-top: 8px;}
.service-read-more a{    font-size: 14px;
    font-weight: bold;
    color: #054594;}
	.service-content-wrapper{padding: 20px}
	
	/****/
	.view_more{
	text-align: center;
    padding: 40px 0;
	}
	
	.view_more a {
    padding: 16px 51px;
    background: transparent;
    border-radius: 5px;
    color: #3e99f2;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid;
    transition-duration: .35s;
}
.view_more a:hover{
    background: #3e99f2 !important;
    color: #fff !important;
}


.readmore-link{
text-align:center;	
    padding-top: 22px;
    padding-bottom: 10px;
}
.readmore-link a{
   padding: 5px 24px;
    background: transparent;
    border-radius: 5px;
    color: #3e99f2;
    font-size: 15px;
    font-weight: 600;
    border: 2px solid;
    transition-duration: .35s;
}
.readmore-link a:hover{
  background: #3e99f2 !important;
    color: #fff !important;
}
/***/


.serv_types {
    padding: 60px 0 0 0;
}

.serv_types .col-md-4 {
       padding: 0 2.44444%;
    width: calc(30% - 20px);
    float: left;
}

.serv_types .col-md-4> a >div {
    margin-bottom: 40px;
    padding: 20px;
    text-align: center;
    box-shadow: 1px 2px 10px rgba(0,0,0,.14);
    min-height: 250px;
    transition-duration: .35s;
    border: 1px solid #eee;
}

.serv_types .col-md-4 a{
	
}
.serv_types .col-md-4 h2{
	    text-align: center;
		color: 
}

.serv_types .col-md-4 > a> div > img {
    margin: 30px auto 50px auto;
    max-height: 85px;
}
	
	
	/* latest news and insight */
.news_insight{    padding: 25px 0 30px 0;
    background: #f5f5f5;}
.news_list .col-md-4 {
	padding: 0 2.44444%;
	width: calc(30% - 20px);
	float: left;
	
}

.news_list-new .col-md-4 {
	padding: 0 2.44444%;
	width: calc(30% - 20px);
	float: left;
	
}
.news_holder{
min-height: 340px;
	border-top: 6px solid #3e99f2;
	position:relative;
	margin-bottom:40px;box-shadow: 0px 1px 5px rgba(0,0,0,.4);
}
.news_holder img {
	max-width: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 100%;
	object-fit: cover;
}
.content_news {
	position: relative;
	padding: 20px;
	color: #fff;
	min-height: 300px;	transition-duration:.35s;
	
}
.date_time {
	font-weight: bold;
	font-size: 19px;
	padding: 5px 0;
	color:#0474e1;
}
.content_news h2 {
	min-height: 200px;
	font-weight: bold;
	font-size: 26px;
	line-height: 38px;
	color:#0474e1;
	
}
.read_us {
	font-size: 20px;
	font-weight: 500;
	color: #0474e1;
}
.news_holder:hover .read_us{color:#fff;}
.news_holder:hover .content_news {
	background: #3e99f2 !important;
		color: #fff;
}
.news_holder:hover .content_news h2{
		color: #fff;
}
.news_holder:hover .date_time h2{
		color: #fff;
}


.news_list {
	padding-top: 55px;
}
.news_list-new {
	padding-top: 0px;
}

.news_holder .content_news {
    background:#fff;
}


 h2.site_heading{
	    text-align: center;
    color: #0474e1;
    font-size: 30px;
font-weight: 700;
    text-transform: capitalize;
	position:relative;
	    padding: 10px 0 45px 0;
    margin: 0 auto 20px 0;
}
h2.site_heading::before{
background: url(//www.colonialfilings.com/wp-content/themes/colonial/img/headline.png)no-repeat;
    background-position: center center;
    content: "";
    width: 100%;
    height: 29px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
p.sub_head{
	        font-size: 17px;
    color: #000000;
    line-height: 33px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    width: 90%;
    margin: 0 auto;
	font-weight:normal;
	}

/***/
.colonial_benifits2 .col-md-4 {    padding: 0 2.44444%;
    width: calc(30% - 20px);
    float: left;}

/* why choose us section */
.colonial_benifits .col-md-4 {padding: 0 10px;   width: calc(25% - 20px);
    float: left;}
.why_choose{    padding: 25px 0 25px 0;
    background: #f5f5f5;}
.sec_service{text-align:center; /* border:2px solid #297fe3; */padding-bottom: 8px;  transition-duration:.35s;}
.sec_service img {max-width: 100%;}
.right_services {position: absolute;width: 50px;height: 50px;	left: 0;right: 0;background:#297fe3;line-height: 50px;text-align: center;	margin: 0 auto;	top: -25px;	border-radius: 50%;	color: #fff;font-size: 22px;  transition-duration:.35s;}
.sec_service h2 {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
	color: #0C69C7 !important;
}
.sec_service h2 a{font-size:20px;font-weight:700; color:#0C69C7;}
.sec_service:hover .right_services {
	transform: scale(1.2);
}
.sec_service p {	
	    padding-left: 30px;
    padding-right: 30px;
	    font-size: 15px;
    color: #000;
    line-height: 26px;
	text-align:center;
}
.colonial_benifits {
	padding-top: 60px;
	width:100%;
}

.colonial_benifits2 {
	padding-top: 60px;
	width:100%;
}
.sec_service {
	text-align: center;
	/* border: 2px solid #297fe3; */
	padding-bottom:15px;
	margin-bottom: 40px;
}

.sec_service {
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 2px 3px rgba(0,0,0,.19);
    display: block;
}

/*header login mobile*/
.login-button-mobile{padding: 14px 5px; float:right;}
.login-mobile{
	padding: 9px 20px !important;
	background: #0f83f4;
	border-radius: 6px;
	margin: 6px;
	box-shadow: 1px 2px 2px rgba(0,0,0,.4);
	transition-duration: .35s;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.5px;
	font-size: 16px;
	border: 0;
	cursor: pointer;	
}

.login-mobile:hover {
	
    background: #2c97ff !important;
    color: #fff !important;
}

/**login popup mobile**/
   
   .close-button-mobile{
	    position: absolute;
    right: -12px;
    top: -13px;
}

.close-button-mobile .far.fa-times-circle{
	cursor: pointer;
    font-size: 30px;
    color: red;
}
.login-box-mobile{
	-webkit-box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 22px -4px rgba(0,0,0,0.75);
    position: absolute;
    right: 10px;
    width:390px;
    top: 150px;
    z-index: 9999999999;
    background: #fff;
	
}
.login-box-wrapper-mobile{}
.login-row-1-mobile{    padding: 15px 15px 15px 15px;}
.login-row-1-mobile h3{
      color: #0474e1;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 5px;
    padding-bottom: 0px;
	font-size:15px;
}
.row-1-content-mobile p{
padding: 0;
    margin: 0;
}

.row-1-content-mobile{
    width: 100%;
    overflow: hidden;	
	position:relative;
}                                        
.login-row-1-mobile{}

.login-box-wrapper-mobile a{} 
.login-box-wrapper-mobile a:hover .login-row-1-mobile{
background:#0474e1;
color:#fff;	
} 

.login-box-wrapper-mobile a:hover .login-row-1-mobile h3{
      color: #fff;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 5px;
    padding-bottom: 0px;
}
.login-box-wrapper-mobile a:hover .row-content-part-mobile p{
	color:#fff;	
}

.image-part-mobile{
width: 16%;
    float: left;
    padding-right: 10px;
    overflow: hidden;
}
.row-content-part-mobile{
	    width: 76%;
    float: left;
}

.icon-part-mobile{
	    width: 5%;
    float: left;
	color:#000;
	    height: 100%;
		    font-size: 17px;
}
.login-box-wrapper-mobile a:hover .icon-part-mobile {
	color:#000;
}
.icon-part-mobile .fas.fa-angle-right{
	    position: absolute;
    top: 50%;
	
}

/***/

   

/*header logion*/
.right-button{    float: right; width:50%; margin-top: 13px;}
.login-button{
	padding: 11px 5px 10px 5px;
	float: right;
}
.login{
	padding: 9px 20px !important;
	background: #0f83f4;
	border-radius: 6px;
	margin: 6px;
	box-shadow: 1px 2px 2px rgba(0,0,0,.4);
	transition-duration: .35s;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.5px;
	font-size: 16px;
	border: 0;
	cursor: pointer;	
}

.login:hover {
	
    background: #2c97ff !important;
    color: #fff !important;
}
   
p.phone-n{
	    font-size: 14px;
		color:#666;
		    padding-top: 0;
    margin-bottom: 6px;
}
	
	
#callus-section-mobile{
display:none;	
   width: 100%;
    overflow: hidden
}	

.callus-section-mobile-inner{	  
        width: auto;
    overflow: hidden;
    text-align: left;
    margin: 0 auto;
    float: left;
    padding-left: 15px;
}
.slogan-text{
    width: 100%;
    float: none;
    font-size: 12px;
    font-weight: bold;
    color: #757575;
    padding: 10px 0 10px 0;
    text-align: center;
}
.callus-box-number{
	    width: 170px;
    float: none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #3e99f2;
    text-align: center;
    padding: 0px 0 10px 0px;
    background-image: url(https://media.publit.io/file/colonialstock/images/style/callus-icon.png);
    background-repeat: no-repeat;
    background-position: left -2px;
    text-align: center;
    margin: 0 auto;
}
/**##########################################################################**/


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	  .wrap {width: 100%;}
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.wrap {width: 100%;}
        .product-groupbox {
			border-top: 5px solid #3e99f2;
			background-color:#f9f9f9;
			width:89%;
			/*min-height:182px;
			height:0;*/
			float:left;
			padding:5px 5px;
			margin:5px 5px;
			margin-bottom:10px;
			text-align:left;
			}
			.product-groupbox-content h3{
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				color:#262626;
				line-height:20px;
				margin:0;
				padding:15px 0 10px 5px;
			}
			.product-groupbox-content p{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				line-height:18px;
				color:#262626;
				padding:5px 0 2px 5px;
				margin:0;
			}
			.product-otherbox {
				background-color:#f9f9f9;
				width:89%;
				min-height:275px;
				height:auto;
				float:left;
				padding:5px 5px;
				margin:10px 6px;
				margin-bottom:10px;
				text-align:left;
				}
			.product-otherbox-content h3{
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				color:#262626;
				line-height:20px;
				margin:0;
				padding:15px 0 10px 5px;
			}
			.product-otherbox-content p{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				line-height:18px;
				color:#262626;
				padding:5px 0 2px 5px;
				margin:0;
			}
			
	#footer .widget h3 { 
	/*margin:0 0 18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; font-weight:bold;*/ }
	/*.menu_container a {
	text-decoration: none;
	color: #fff; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 12px;
	display: block;
	height: 46px;
	line-height: 46px;
	padding: 0 15px;
	}*/
			
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	 /* .wrapper { width:700px; margin:0 auto;  }*/
/*.menu_container a {
	text-decoration: none;
	color: #fff; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 11px;
	display: block;
	height: 46px;
	line-height: 46px;
	padding: 0 5px;
	}*/
	  
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.product-groupbox {
			border-top: 5px solid #3e99f2;
			background-color:#f9f9f9;
			width:95%;
			/*min-height:182px;
			height:0;*/
			float:left;
			padding:5px 5px;
			margin:5px 5px;
			margin-bottom:10px;
			text-align:left;
			}
			
			 .product-otherbox {
				background-color:#f9f9f9;
				width:95%;
				min-height:275px;
				height:auto;
				float:left;
				padding:5px 5px;
				margin:10px 6px;
				margin-bottom:10px;
				text-align:left;
				}
		/*.container .one-third.column,
        .container .two-thirds.column { width: 402px; }*/
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.banerwrapper{display:none;}
		
		 .product-groupbox {
			border-top: 5px solid #3e99f2;
			background-color:#f9f9f9;
			width:93%;
			/*min-height:182px;
			height:0;*/
			float:left;
			padding:5px 5px;
			/*margin:5px 5px;*/
			margin-bottom:10px;
			text-align:left;
			}
			 .product-otherbox {
				background-color:#f9f9f9;
				width:93%;
				min-height:275px;
				height:auto;
				float:left;
				padding:5px 5px;
				/*margin:10px 6px;*/
				margin-bottom:10px;
				text-align:left;}
			#footer .footer-main .widget {
			float:left; 
			width:95%;
			margin:10px 10px 10px 10px;
			}
			#footer .widget ul { padding-bottom:10px; border-bottom:1px solid #FFF; }
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/**#################################New Mobile Styles######################################**/
@media only screen and (max-width: 1300px) {
.menu_container a {   
    padding: 0 80px;
}
}


@media only screen and (max-width: 1260px) {
	/**footer**/
.container .four.columns.footer-cols{
	    width: 20%;
    padding-left: 10px;
}
}

@media only screen and (max-width: 1250px) {
	/*menu*/
.menu_container a {   
    padding: 0 75px;
}



}



@media only screen and (max-width: 1200px) {
.menu_container a {   
    padding: 0 70px;
}
}



@media only screen and (max-width: 1150px) {
.menu_container a {   
    padding: 0 60px;
}
}



@media only screen and (max-width: 1100px) {
.menu_container a {   
    padding: 0 50px;
}
}

@media only screen and (max-width: 1050px) {
.menu_container a {   
    padding: 0 50px;
}
}



@media only screen and (max-width: 1024px) {
.right-button {
    float: right;   
    width: 70%;
}
}


@media only screen and (max-width: 1000px) {
.menu_container a {   
    padding: 0 45px;
}
/*slider*/

.pagewrap {
    height: 550px;
}

.pageblock#fullscreen .slider .slide .slidecontent h1{
font-size:50px;	
}

.pageblock#fullscreen .slider .slide .slidecontent p {
    font-size: 17px;    
    line-height: 22px;
}

/**home 1st block**/
.serv_types .col-md-4 h2 {
    text-align: center;
    font-size: 20px;
}

}
@media only screen and (max-width: 980px) {
	#callus-section{
	
	}

}

@media only screen and (max-width: 973px) {
.right-button {
    float: right;
    width: 60%;
}
}



@media only screen and (max-width: 960px) {
.container .four.columns.footer-cols {
    width: 30%;
    padding-left: 10px;
    float: left;
}


}

@media only screen and (max-width: 950px) {
.menu_container a {   
    padding: 0 30px;
	    font-size: 14px;
}

.news_insight {
    padding: 25px 0;
    background: #f5f5f5;
}

.why_choose {
    padding: 25px 0;
    background: #f5f5f5;
}

/**slider**/
.pageblock#fullscreen .slider .slide .slidecontent{
width:95%;	
}

/**home page last block**/
.news_list .col-md-4 {
    padding: 0 1%;
    width: calc(50% - 20px);
    float: left;
}

.news_list-new .col-md-4 {
    padding: 0 1%;
    width: calc(50% - 20px);
    float: left;
}

/*header links*/

#breadcrumb li:last-child a:before{
display:none;
    left: 20px	
}

#breadcrumb li:first-child a:before {
    border: auto;
}

}

@media only screen and (max-width: 950px) {
/**home 1st block**/
.serv_types .col-md-4 h2 {
    text-align: center;
    font-size: 15px;
}
}

@media only screen and (max-width: 864px) {

#callus-section {
    width: 300px;
}
}



@media only screen and (max-width: 813px) {
	.login-button {
    padding: 5px 5px 0px 5px;
    float: right;
}

.slogan {   
    padding: 5px 0 10px 0;
}
#callus-section {
    padding-bottom: 5px;
}
}

@media only screen and (max-width: 789px) {
	.news_list .col-md-4 {
    padding: 0 10px;
    width: calc(50% - 20px);
    float: left;
}

	.news_list-new .col-md-4 {
    padding: 0 10px;
    width: calc(50% - 20px);
    float: left;
}
.colonial_benifits .col-md-4 {
    padding: 0 10px;
    width: calc(50% - 20px);
    float: left;
}
}

@media only screen and (max-width: 768px) {
	.two-thirds.column.page-left {
    width: 100%;
    margin: 0;
}

.one-third.column.page-right {
    width: 100%;
    margin: 0;
}

.service-box {
    float: left;
    width: calc(50% - 0px);
}

.one-third.column.home-col-1, .one-third.column.home-col-2, .one-third.column.home-col-3, .one-third.column.home-col-4, .one-third.column.home-col-5, .one-third.column.home-col-6 {
    width: calc(100% - 0px);
    margin-right: 0;
    margin-left: 0;
	
}

/*slide*/
.pageblock#fullscreen .slider .slide .slidecontent h1 {
    font-size: 40px;
}

/***/
#breadcrumb li {
    float: left;
    width: 100%;
}

#breadcrumb li a:before {
    border-color: #2266b7;
    border-left-color: transparent;
    border: 0;
}

#breadcrumb {
    width: 100%;
}
#breadcrumb li a {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
  text-align: left;
      padding-left: 15px;
}

}


@media only screen and (max-width: 767px) {


.container .eight.columns.copy-left {
    width: 100%;
    float: none;
    margin: 0px;
    text-align: center;
}

.container .eight.columns.copy-right {
    width: 100%;
    float: none;
    margin: 0px;
    text-align: center;
}

#footer #copyright p {
  float: none;
    text-align: center;
}

.container .four.columns.footer-cols {
    width: 100%;
    padding-left: 10px;
    float: left;
}

#footer .footer-main .widget {
    float: left;
    width: 100%;
    margin: 20px 2.06% 10px 2.06%;
}

#main-header {   
    border-bottom: 1px solid #e6e6e6;
}


.right-button{
display:none;
}

#callus-section-mobile{
display:block;
}



}

	@media only screen and (max-width: 700px) {
		/**home 1st block**/
.serv_types .col-md-4 {
    padding: 0 1.5%;
    width: calc(50% - 20px);
    float: left;
}


.content_news h2{
	    font-size: 24px;
    line-height: 30px;
}



.serv_types .col-md-4 h2 {
    text-align: center;
}
/**home 2nd block**/
.colonial_benifits2 .col-md-4 {
    padding: 0;
    width: calc(80% - 20px);
    float: none;
    margin: 0 auto;
}

.sec_service img {
    max-width: 100%;
    width: 100%;
}

	}


	@media only screen and (max-width: 600px) {
/*slide*/
.pageblock#fullscreen .slider .slide .slidecontent h1 {
    font-size: 30px;
}
	}

	@media only screen and (max-width: 550px) {

.news_list .col-md-4 {
    padding: 0 10px;
    width: calc(100% - 20px);
    float: left;
}

.news_list-new .col-md-4 {
    padding: 0 10px;
    width: calc(100% - 20px);
    float: left;
}
.colonial_benifits .col-md-4 {
    padding: 0 10px;
    width: calc(100% - 20px);
    float: left;
}


.login-box-mobile {    
    right: 0;
    left: 0;
    width: 90%;
    top: 180px;
    z-index: 9999999999;
    background: #fff;
    margin: 0 auto;
}


/**home 1st block**/
.serv_types .col-md-4 {
    padding: 0 1.5%;
    width: calc(100% - 20px);
    float: left;
}

	}

	
	@media only screen and (max-width: 450px) {
		.service-box {
    float: left;
    width: calc(100% - 0px);
}

.callus-section-mobile-inner {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    float: none;
    padding-left: 0;
}
.login-button-mobile {
    padding: 5px 5px;
    float: none;
    text-align: center;
}
.login-mobile {
 width:50%;`
}


/*slide*/
.pageblock#fullscreen .slider .slide .slidecontent h1 {
    font-size: 25px;
}


/**login box**/
.row-content-part {
    width: 70%;
    float: left;
}

.icon-part {
  width: 9%;
}

/**home 2nd part**/
.colonial_benifits2 .col-md-4 {
    padding: 0;
    width: calc(100% - 20px);
    float: none;
    margin: 0 auto;
}


	}
	

@media only screen and (max-width: 767px) {
#callus-section {
    width: 100%;
}


.right-button {
    float: inherit;
    width: 100%;
    text-align: center;
}
		
		
		.login-button{ display:none;} 
		
		.slogan {
    padding: 5px 0 10px 0;
    width: 100%;
    text-align: center;
}


.callus-box {
    width: 100%;
    text-align: center
}

#menu1 {
    
    top: -98px;
}

	}
	
		@media only screen and (max-width: 750px) {
			#menu1 {
    
    top: -98px;
}
		}
		@media only screen and (max-width: 650px) {
			#menu1 {
    
    top: -98px;
}
		}
		@media only screen and (max-width: 550px) {
			#menu1 {
    
    top: -96px;
}
		}
		@media only screen and (max-width:450px) {
			#menu1 {
    
    top: -138px;
}
		}
		@media only screen and (max-width:400px) {
			#menu1 {
    
    top: -98px;
}
		}
	
	
	
	/**********************************/
	.menu_container > ul > li.mobile-menu{ display:none  !important; }	
@media only screen and (max-width: 767px) {
	.menu_container > ul > li.mobile-menu{ display:block !important; }
	.login-button-mobile{ display:block !important; }
}