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

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

.nav>li>a{
	    color: #223136;
	         background: none;
	              box-shadow: none; 
     border: 0px;  
}
.nav>li>a:hover{
/*    background: #365863;
    box-shadow: 1px 1px 1px #101010;*/}

	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;
	}
	.header {
	    position: relative;
/*	    background: #5c2586;*/
	}
	.callus p a {
		    margin-top: 5px;
		float: none;
	    text-align: center;
	    margin: 0px;
/*	    background: #ef5146;*/
	    font-size: 25px;
	}
	.callus {
	    text-align: center;
	}
	.socials {
	    float: none;
	    margin: 0px;
	    text-align: center;
	}
	.col-socials {
	    background: rgba(45, 45, 45, 0.44);
	}
	ul.nav.navbar-nav {

	}
	ul.dropdown-menu {
	    background: rgba(0, 0, 0, 0.35) !important;
	}
	.nav>li>a {
	    text-shadow: none;
	    color: #f2f2f2;
	}

	.navbar-nav>li {
    float: none;
    padding: 0px 7px;
	}

	.navigation-bar .col-md-8.col-sm-8{
		padding: 0px;
	}
	.navbar-collapse.in {
    	overflow-y: initial;
	}
	.service-divnks {
    	border-bottom: 0px;
	}
	.srv-thirty {
	    background: #ef5146;
	}
	.cit {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    margin-bottom: 10px;
	    padding: 10px;
	}
	.navbar-collapse {
		max-height: 100%;
	}
	.header-inner {

	}
	p.srv-title {
    	margin-top: 5px;
    }

    img.social-img {
    margin-top: 3px;
	}

	.logox img {
	border-radius: 10px;
    background: rgba(165, 165, 165, 0.67);
    margin-bottom: 10px;
	}
	h1, h2, h3, h4, h5 {
		font-size: 25px !important;
	}
}

/*(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;
	}
}
/* (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 3px !important;
		    font-size: 12px;
	}
	h1.info{
		font-size: 14px;
	}
	h1.tagline {
		top: 155px;
	    font-size: 14px;
	}
	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;*/
    }	

    .dropdown-menu li>a {
    font-size: 13px;
	}
	.callus {
    text-align: center;
	}
	.socials {
    text-align: center;
	}
	img.social-img {
    margin-top: 0px;
	}
		.logox img {
	border-radius: 10px;
    background: rgba(165, 165, 165, 0.67);
    margin-bottom: 5px;
	}
}

/* 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: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    font-size: 12px;
	}
		img.social-img {
    margin-top: -20px;
	}

}

/* 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: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	}
	.cit {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;
	}
}

/* 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) {
		ul.top-sub-services-divst {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 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;
	}
}

/* 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;
	}
}



@media(min-width:992px) {

.nav>li>a {
    font-size: 12px;
    margin: 5px;
    padding: 2px;
}

.navbar-nav>li {
    float: left;
    padding: 0px 0px;
}

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

}


@media(min-width:1200px) {

.nav>li>a {
    font-size: 12px;
    margin: 5px;
    padding: 6px;
}

.navbar-nav>li {
    float: left;
    padding: 0px 0px;
}

.dropdown-menu li>a {
    font-size: 13px;
}

}


@media(min-width:1400px) {

.navbar-nav>li {
    float: left;
    padding: 0px 3px;
}

.nav>li>a {
    font-size: 14px;
    margin: 5px;
    padding: 6px;
}

}


@media(min-width:1500px) {

.navbar-nav>li {
    float: left;
    padding: 0px 18px;
}

}