/* rules for mobile vertical (< 480) */

@media(max-width:767px){/* rules for mobile horizontal (480 > 768)  */

	body{
		margin-bottom: 100px !important
	}
	main#content {
    background: rgba(46, 103, 123, 0.08) url(../images/bg_pattern/square_bg.png);;
	}	

	/*header part*/
	.logox {
	    text-align: center;
	    margin: 0px;
	}
	.navigation-bar{

	}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	    background: #db3424;
	    border: none;
	    z-index: 999;
	    color: #fff;
	    text-shadow: none;
	}
	.header {
	    position: relative;
	   /* background: url(../images/bg_pattern/bg-pattern1.png);*/
	}
	.callus p a {
		float: none;
	    text-align: center;
	    margin: 0px;
	    background: #2d2d2d;
	    font-size: 31px;
	}
	.callus {
	    text-align: center;
	}
	.socials {
	    float: none;
	    margin: 0px;
	    text-align: center;
	}
	.col-socials {
	    background: rgba(0, 0, 0, 0.44);
	}
	ul.nav.navbar-nav {
	    background: #025462;
	}
	ul.dropdown-menu {
	    background: rgb(255, 255, 255) !important;
	}
	.dropdown-menu li>a {
    	color: #333;
	}
	.nav>li>a {
	    text-shadow: none;
	    background: #333333;
	}
	.navigation-bar .col-md-8.col-sm-8{
		padding: 0px;
	}
	.navbar-collapse.in {
    	overflow-y: initial;
	}
	.service-divnks {
    	border-bottom: 0px;
	}
	.srv-thirty {

	}
	.cit {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    margin-bottom: 10px;
	    padding: 10px;
	}
	.navbar-collapse {
		max-height: 100%;
	}
	.header-inner {
	   /* background: #db3424;*/
	}

}

/*(portrait) */
@media(min-width:0px) and (max-width:640px){
	ul.top-sub-services-divst {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    font-size: 15px;
	    list-style: none;
	}
	.statelist {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
	
}
/* (landscape) */
@media(min-width:640px) and (max-width:384px) and (orientation : landscape) {
	ul.top-sub-services-divst {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    font-size: 15px;
	    list-style: none;
	}

}


@media(min-width:768px) and (max-width:991px){
	.nav>li>a {
		padding: 10px 4px !important;
	}
	h1.tagline {
		top: 100px;
	    font-size: 13px;
	    right: 18%;
	}
	ul.top-sub-services-divst {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;
	}
	.cit {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;
	}

	p.srv-title {
		font-size: 10px;
	}
	
}

/* Browser Responsive */
@media(min-width:991px) and (max-width:1200px){
	.cit {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;
	}
	ul.top-sub-services-divst {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;
	}

.nav>li>a {
    font-size: 12px;
}

h1.tagline {
    right: 19%;
    }
	
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
}

/* Nexus (portrait) */
@media(min-width:600px) and (max-width:960px){
	.cit {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
	ul.top-sub-services-divst {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
}
/* Nexus (landscape) */
@media(min-width:600px) and (max-width:960px) and (orientation : landscape) {
	ul.top-sub-services-divst {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    font-size: 15px;
	    list-style: none;
	}
	.cit {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
}
/*---------Nokia Lumia 520----------*/
/* Landscape */
@media(min-width:320px) and (max-width:533px) and (orientation : landscape) {
	ul.top-sub-services-divst {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
	.cit {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
}
/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	ul.top-sub-services-divst {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;
	}
	.cit {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;
	}
	p.srv-title {
    	font-size: 10px;
	}
	h1.tagline {
	    top: 70px;
	    font-size: 13px;
	    right: 150px;
	}

}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1366px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	
}

/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.service-links-list {
	    -moz-column-count: 1;
	    -webkit-column-count: 1;
	    column-count: 1;
	}
	h1.tagline{
		font-size: 18px;
	    position: absolute;
	    top: 85px;
	    right: 212px;
	}
}

/* Landscape */
@media only screen and (min-device-width: 1366px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.logox img {
	    padding:0px;
	}
	h1.page_header {
	    font-size: 30px;
	}
	ul.top-sub-services-divst {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    font-size: 14px;
	    list-style: none;
	}
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
ul.top-sub-services-divst {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.cit {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
	ul.top-sub-services-divst {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    font-size: 13px;
	}
}