@media only screen and (min-width:240px) and (max-width:319px) {
	header {
		height: auto
	}
	.navbar-brand img {
		width: 100%;
		height: auto
	}
	.navbar-nav {
		margin: 0;
		height: inherit
	}
	header .nav.navbar-nav.navbar-right li {
		margin-left: 0
	}
	header .nav.navbar-nav.navbar-right li a {
		background: #65cbfb;
		background: -moz-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65cbfb), color-stop(100%, #17b6f3));
		background: -webkit-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: -o-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: -ms-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: linear-gradient(to bottom, #65cbfb 0%, #17b6f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65cbfb', endColorstr='#17b6f3', GradientType=0);
		padding: 0;
		height: 37px;
		line-height: 29px;
		width: 100%;
		text-align: center;
		color: #202123
	}
	header .navbar-inverse {
		margin-bottom: 0
	}
	header .navbar-nav {
		margin: 0
	}
	header .navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-color: 0;
		padding-top: 0
	}
	.main-menu {
		background: url(../img/mainmenu-bg.png) repeat;
		height: auto
	}
	.footer-contact-container h1 {
		text-align: left
	}
	.social-box {
		overflow: hidden;
		width: 11em;
		margin: 0 auto;
		float: left
	}
	.share-box {
		float: right;
		margin-left: 0
	}
	.pinit-box {
		float: left;
		margin-left: 0;
		margin-top: 15px
	}
	.bottom-copyright {
		float: right;
		margin-top: 16px
	}
	.careerform-box form h2 {
		font-size: 14px
	}
	.center-fields div .fields {
		width: 100%
	}
	.center-fields div .fields span {
		float: left;
		width: 55%
	}
        /*:::::::::::::: NEW CSS ::::::::::::::*/   
        
    .navbar-brand {
                max-width: 100%;
        }
	.client {
	margin-bottom: 25px;
	width: 50%;
	float: left
	}
        .client1 {
            	width: 100%;
        }
        .map-address-box {
            display: none;
        }
        .footer-container {
           padding: 0;
           overflow: hidden;
           text-align: center;
}
.footer-container ul li a
{
    font-size: 16px;
}
.footer-health-services {
    width: 100%;
}
.footer-contact {
    padding-top: 15px;
}
.social-box, .pinit-box {
    width: 100%;
    padding: 0;
}
.social-box p, .pinit-box p {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 16px;
}
.bottom-copyright {
    font-size: 16px;
}
.about-banner, .whymaksan-banner {
height:inherit;
}
.content p, .header-text-box p {
font-size: 16px;
}
.content-box {
padding-right: 0;
}
.inner-container .container, .header-text-box {
    padding: 0;
}
.careerform-box form h2 {
    font-size: 16px;
    background: transparent;
    text-indent: inherit;
}
.right-panel {
    padding-right: 0;
    padding-left: 0;
}
.contactform-box h2 {
    background: transparent;
    padding-left: 0;
}
.contactform-box {
    margin-left: 15px;
    margin-right: 15px;
}
.contactform-box label, .contactform-box input[type="text"], .contactform-box form .contact-right .field .wpcf7-list-item span,
.careerform-box form h2, .careerform-box form input[type="text"], .careerform-box form label, .submit, #navigation #main-menu .sub-menu li a,
.sidr h2, .sidr ul li a, .sidr ul li span
{
 font-size:16px;   
}
}

/*@media only screen and (min-width:320px) and (max-width:480px) {*/
@media (max-width: 480px) {
	header {
		height: auto
	}
	header .navbar-inverse {
		margin-bottom: 0
	}
	header .navbar-nav {
		margin: 0
	}
	.navbar-brand img {
		width: 100%;
		height: auto
	}
	header .navbar>.container .navbar-brand {
		margin-left: 10px;
		margin-top: 0
	}
	.headermail {
		display: none
	}
	.navbar-nav {
		margin: 0;
		max-height: inherit
	}
	header .nav.navbar-nav.navbar-right li {
		margin-left: 0
	}
	header .nav.navbar-nav.navbar-right li a {
		background: #65cbfb;
		background: -moz-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65cbfb), color-stop(100%, #17b6f3));
		background: -webkit-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: -o-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: -ms-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: linear-gradient(to bottom, #65cbfb 0%, #17b6f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65cbfb', endColorstr='#17b6f3', GradientType=0);
		padding: 0;
		height: 37px;
		line-height: 29px;
		width: 100%;
		text-align: center;
		color: #202123
	}
	.main-menu {
		background: url(../img/mainmenu-bg.png) repeat;
		height: auto
	}
	.main-menu .navbar-collapse {
		clear: both;
		padding: 0
	}
	.main-menu .navbar-toggle {
		margin-bottom: 7px;
		background: #11aee5
	}
	.navbar-toggle .icon-bar {
		background: #FFF
	}
	header .navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-color: 0;
		padding-top: 0
	}
	.flexable-image {
		display: none
	}
        #intro-wrapper {
            padding: 1rem 0;
            background: #181818;
        }
	.flexible-box {
		margin-top: 12px
	}

	.content {
		padding-right: 0;
		min-height: inherit;
		margin-bottom: 20px
	}
	.inner-vertical-menu #navigation {
		display: none
	}
	.bottom-bg {
		height: 35px
	}
	.footer-contact-container {
		float: none;
		padding-right: 0;
		width: 100%;
		padding-left: 0
	}
	.content {
		padding-right: 0;
		padding-left: 0
	}
	.main-menu .navbar-toggle {
		margin-bottom: 7px
	}
	.main-menu.navbar-fixed-top {
		position: inherit
	}
	.wrapper .title {
		font-size: 20px;
		width: 10em;
		margin-left: -5.5em
	}
	footer {
		background: url(../img/footer-mobile.png) repeat-x
	}
	.footer-web {
		width: 100%
	}
	.footer-mobile {
		width: 100%
	}
	.footer-internet {
		width: 100%
	}
	.footer-profile {
		width: 100%
	}
	.footer-contact {
		width: 100%
	}
	.callnow {
		margin-left: 0
	}
	.social-box {
		overflow: hidden;
		width: 11em;
		margin: 0 auto;
		float: left
	}
	.share-box {
		float: right;
		margin-left: 0
	}
	.pinit-box {
		float: left;
		margin-left: 0;
		margin-top: 15px
	}
	.bottom-copyright {
		float: right;
		margin-top: 16px
	}
	.technology {
		float: none;
		width: 100%;
		height: auto
	}
	.capabilities-banner {
		background: url(../img/inner-banner/capabilities-banner.png);
		background-repeat: repeat;
		height: inherit;
		margin-top: 41px
	}
	.solutions-banner {
		background: url(../img/inner-banner/solutions-banner.png) repeat;
		height: inherit;
		margin-top: 0
	}
	.portfolio-banner {
		background: url(../img/inner-banner/portfolio-banner.png) repeat;
		height: inherit;
		margin-top: 0
	}
	.career-banner {
		background: url(../img/inner-banner/career-banner.png) repeat;
		height: inherit;
		margin-top: 0
	}
	.inner-vertical-menu {
		width: auto;
		float: right;
		margin-top: -38px;
		position: absolute;
		top: 0;
		right: 0;
		min-height: inherit;
		background: transparent;
		border: 0
	}
	#mobile-header {
		display: block
	}
	#mobile-header {
		display: block;
		background: #11aee5;
		border-radius: 5px 0 0 5px;
		height: 35px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 29px
	}
	#mobile-header #right-menu {
		padding-top: 2px;
		float: left;
		width: 100%;
		color: #FFF
	}
	#mobile-header a span {
		background: #FFF;
		height: 3px;
		border-radius: 1px;
		width: 70%;
		float: left;
		margin-top: 5px;
		margin-left: 7px
	}
	.content-box {
		overflow: auto;
		margin-top: 0
	}
	.strip-container {
		background: url(../img/grey-strip.png) repeat;
		padding-top: 18px;
		padding-bottom: 18px;
		height: inherit
	}
	.content-box {
		overflow: auto;
		margin-top: 0
	}
	.started-title {
		margin-top: 0
	}
	.strip-container .left-image-box img {
		width: 100%;
		margin-top: 0
	}
	.about-banner {
		margin-top: 0
	}
	.whymaksan-banner {
		margin-top: 0
	}
	.start-icons {
		margin-bottom: 17px
	}
	.inner-vertical-menu {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}
	.view {
		width: 100%
	}
	.view img {
		width: 100%
	}
	.careerform-box form h2 {
		font-size: 14px
	}
	.inner-banner-container .map-address-box {
		display: none
	}
	.inner-banner-container .map-container {
		margin-top: 0
	}
	.contactform-box form .contact-right .field .wpcf7-list-item {
		float: left;
		width: 100%;
		margin-left: 0;
		font-size: 12px
	}
	.contact-right {
		overflow: hidden
	}

/*:::::::::::::: NEW CSS ::::::::::::::*/   
        
    .navbar-brand {
                max-width: 100%;
        }
	.client {
	margin-bottom: 25px;
	width: 50%;
	float: left
	}
        .client1 {
            	width: 100%;
        }
        .map-address-box {
            display: none;
        }
        .footer-container {
           padding: 0;
           overflow: hidden;
           text-align: center;
}
.footer-container ul li a
{
    font-size: 16px;
}
.footer-health-services {
    width: 100%;
}
.footer-contact {
    padding-top: 15px;
}
.social-box, .pinit-box {
    width: 100%;
    padding: 0;
}
.social-box p, .pinit-box p {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 16px;
}
.bottom-copyright {
    font-size: 16px;
}
.about-banner, .whymaksan-banner {
height:inherit;
}
.content p, .header-text-box p {
font-size: 16px;
}
.content-box {
padding-right: 0;
}
.inner-container .container, .header-text-box {
    padding: 0;
}
.careerform-box form h2 {
    font-size: 16px;
    background: transparent;
    text-indent: inherit;
}
.right-panel {
    padding-right: 0;
    padding-left: 0;
}
.contactform-box h2 {
    background: transparent;
    padding-left: 0;
}
.contactform-box {
    margin-left: 15px;
    margin-right: 15px;
}
.contactform-box label, .contactform-box input[type="text"], .contactform-box form .contact-right .field .wpcf7-list-item span,
.careerform-box form h2, .careerform-box form input[type="text"], .careerform-box form label, .submit, #navigation #main-menu .sub-menu li a,
.sidr h2, .sidr ul li a, .sidr ul li span
{
 font-size:16px;   
}
.footer-container ul li a {
    font-size: 16px;
    padding: 8px 0;
    display: block;
}
.bottom-copyright a {
    float: left;
    width: 100%;
    padding: 3px 0;
}
}

@media only screen and (min-width:481px) and (max-width:767px) {
	.client {
		margin-bottom: 25px;
		width: 25%;
		float: left
	}
	header {
		height: auto
	}
	.navbar-brand img {
		width: 100%;
		height: auto
	}
	header .navbar>.container .navbar-brand {
		margin-left: 10px;
		margin-top: -19px
	}
	.navbar-nav {
		margin: 0;
		max-height: inherit
	}
	header .nav.navbar-nav.navbar-right li {
		margin-left: 0
	}
	header .nav.navbar-nav.navbar-right li a {
		background: #65cbfb;
		background: -moz-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65cbfb), color-stop(100%, #17b6f3));
		background: -webkit-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: -o-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: -ms-linear-gradient(top, #65cbfb 0%, #17b6f3 100%);
		background: linear-gradient(to bottom, #65cbfb 0%, #17b6f3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65cbfb', endColorstr='#17b6f3', GradientType=0);
		padding: 0;
		height: 37px;
		line-height: 29px;
		width: 100%;
		text-align: center;
		color: #202123
	}
	header .navbar-inverse {
		margin-bottom: 0
	}
	header .navbar-nav {
		margin: 0
	}
	header .navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
        border-color: 0;
	padding: 0
	}
	.main-menu {
		height: auto
	}
	.main-menu .navbar-toggle {
		margin-bottom: 7px;
		background: #11aee5
	}
	.navbar-toggle .icon-bar {
		background: #FFF
	}
	.main-menu.navbar-fixed-top {
		position: inherit
	}
	.main-menu .navbar-nav {
		padding-left: 15px
	}
	.main-menu .navbar-collapse {
		clear: both;
		border-top: 0;
		box-shadow: none;
		padding: 0
	}
	.wrapper .title {
		font-size: 20px;
		width: 10em;
		margin-left: -5.8em
	}
	.flexible-box {
		margin-top: 12px
	}
	.bottom-bg {
		height: 60px
	}
	.footer-contact-container {
		float: none;
		padding-right: 0;
		width: 100%;
		padding-left: 0
	}
	.content {
		padding-right: 0;
		padding-left: 0;
		min-height: inherit;
	}
	.technology-image img {
		width: 100%;
		height: auto
	}
	.footer-contact-container h1 {
		text-align: left
	}
	.footer-web {
		float: left
	}
	.footer-mobile {
		float: left
	}
	.footer-internet {
		float: left
	}
	.footer-profile {
		float: left
	}
	.footer-contact {
		width: 13%;
		padding-left: 0;
		padding-right: 0;
		float: right
	}
	.footer-contact img {
		width: 100%
	}
	.footer-container h1 {
		font-size: 14px
	}
	.footer-container ul li a {
		font-size: 11px
	}
	.callnow {
		margin-left: 0
	}
	.bottom-copyright {
		float: none;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		width: 80%
	}
	.capabilities-banner {
		background: url(../img/inner-banner/capabilities-banner.png);
		background-repeat: repeat;
		height: inherit;
		margin-top: 41px
	}
	.solutions-banner {
		background: url(../img/inner-banner/solutions-banner.png) repeat;
		height: inherit;
		margin-top: 0
	}
	.portfolio-banner {
		background: url(../img/inner-banner/portfolio-banner.png) repeat;
		height: inherit;
		margin-top: 0
	}
	.career-banner {
		background: url(../img/inner-banner/career-banner.png) repeat;
		height: inherit;
		margin-top: 0
	}
	.inner-banner-container .map-container {
		height: 200px;
		margin-top: 0
	}
	.inner-vertical-menu {
		width: auto;
		float: right;
		margin-top: -37px;
		position: absolute;
		top: 0;
		right: 0;
		min-height: inherit;
		background: transparent;
		border: 0
	}
	#mobile-header {
		display: block
	}
	#mobile-header {
		display: block;
		background: #11aee5;
		border-radius: 5px 0 0 5px;
		height: 35px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 29px
	}
	#mobile-header #right-menu {
		padding-top: 2px;
		float: left;
		width: 100%;
		color: #FFF
	}
	#mobile-header a span {
		background: #FFF;
		height: 3px;
		border-radius: 1px;
		width: 70%;
		float: left;
		margin-top: 5px;
		margin-left: 7px
	}
	.strip-container {
		background: url(../img/grey-strip.png) repeat;
		padding-top: 18px;
		padding-bottom: 18px;
		height: inherit
	}
	.content-box {
		overflow: auto;
		margin-top: 0
	}
	.started-title {
		margin-top: 0
	}
	.strip-container .left-image-box img {
		width: 100%;
		margin-top: 0
	}
	.about-banner {
		margin-top: 0
	}
	.whymaksan-banner {
		margin-top: 0
	}
	.inner-vertical-menu {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}
	.view {
		width: 100%
	}
	.view img {
		width: 100%
	}
	.inner-banner-container .map-address-box {
		display: none
	}
	.inner-banner-container .map-container {
		margin-top: 0
	}
	.contactform-box form .contact-right .field .wpcf7-list-item {
		float: left;
		width: 100%;
		margin-left: 0;
		font-size: 12px
	}
	.contact-right {
		overflow: hidden
	}
	.inner-vertical-menu #navigation {
		display: none
	}
        
        /*:::::::::::::: NEW CSS ::::::::::::::*/   
        
    .navbar-brand {
                max-width: 100%;
        }
	.client {
	margin-bottom: 25px;
	width: 50%;
	float: left
	}
        .client1 {
            	width: 100%;
        }
        .map-address-box {
            display: none;
        }
        .footer-container {
           padding: 0;
           overflow: hidden;
           text-align: center;
}
.footer-container ul li a
{
    font-size: 16px;
}
.footer-health-services {
    width: 100%;
}
.footer-contact {
    padding-top: 15px;
}
.social-box, .pinit-box {
    width: 100%;
    padding: 0;
}
.social-box p, .pinit-box p {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 16px;
}
.bottom-copyright {
    font-size: 16px;
}
.about-banner, .whymaksan-banner {
height:inherit;
}
.content p, .header-text-box p {
font-size: 16px;
}
.content-box {
padding-right: 0;
}
.inner-container .container, .header-text-box {
    padding: 0;
}
.careerform-box form h2 {
    font-size: 16px;
    background: transparent;
    text-indent: inherit;
}
.right-panel {
    padding-right: 0;
    padding-left: 0;
}
.contactform-box h2 {
    background: transparent;
    padding-left: 0;
}
.contactform-box {
    margin-left: 15px;
    margin-right: 15px;
}
.contactform-box label, .contactform-box input[type="text"], .contactform-box form .contact-right .field .wpcf7-list-item span,
.careerform-box form h2, .careerform-box form input[type="text"], .careerform-box form label, .submit, #navigation #main-menu .sub-menu li a,
.sidr h2, .sidr ul li a, .sidr ul li span
{
 font-size:16px;   
}
.footer-web, .footer-mobile, .footer-internet, .footer-profile, .footer-health-services {
    float: left;
    width: 16.66666666667%;
}
}

@media only screen and (min-width:768px) and (max-width:942px) {
	header {
		height: 96px
	}
	.inner-vertical-menu #cssmenu {
		border-bottom: 0;
		width: 148px
	}
	.navbar-brand {
		max-width: 250px;
		padding: 0;
		margin-top: -14px
	}
	.navbar-brand img {
		width: 100%;
		height: auto
	}
	.flexible-box {
		margin-top: 12px
	}
	.bottom-bg {
		height: 60px
	}
	.navbar-brand img {
		margin-top: 24px
	}
	.main-menu .navbar-nav>li>a {
		padding-left: 10px;
		padding-right: 10px
	}
	.footer-container h1 {
		font-size: 15px
	}
	.footer-contact img {
		width: 100%
	}
	.technology-image {
		width: 100%;
		float: right
	}
	.technology-image img {
		width: 100%
	}
	.content {
		padding-right: 0;
		min-height: inherit;
		margin-bottom: 20px
	}
	.content-box {
		overflow: auto;
		margin-top: 0;
		padding-left: 0
	}
	.content-box1 {
		overflow: auto;
		margin-top: 0;
		padding-left: 0
	}
	.started-title {
		margin-top: 0
	}
	.strip-container .left-image-box img {
		width: 100%;
		margin-top: -28px
	}
	.view {
		width: 100%
	}
	.view img {
		width: 100%
	}
	.contact-right {
		overflow: hidden
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.inner-banner-container .map-address-box {
		width: 40%;
		margin-top: 7px
	}
	.navbar-brand {
		max-width: 250px;
		padding: 0;
		margin-top: -14px
	}
	.navbar-brand img {
		width: 100%;
		height: auto
	}
	.inner-vertical-menu {
		width: auto;
		float: right;
		margin-top: 77px;
		position: absolute;
		top: 0;
		right: 0;
		min-height: inherit;
		background: transparent;
		border: 0
	}
	#mobile-header {
		display: block
	}
	#mobile-header {
		display: block;
		background: #11aee5;
		border-radius: 5px 0 0 5px;
		height: 35px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 29px
	}
	#mobile-header #right-menu {
		padding-top: 2px;
		float: left;
		width: 100%
	}
	#mobile-header a span {
		background: #FFF;
		height: 3px;
		border-radius: 1px;
		width: 70%;
		float: left;
		margin-top: 5px;
		margin-left: 7px
	}
	#navigation {
		display: none
	}
	.capabilities-banner {
		height: 217px;
		margin-top: 118px
	}
	.header-text-box {
		width: 100%;
		padding-right: 0;
		padding-left: 0
	}
	.content-box {
		overflow: auto;
		margin-top: 0;
		padding-left: 0
	}
	.view {
		width: 33%
	}
	.view img {
		width: 100%
	}
	.contactform-box form .contact-right .field .wpcf7-list-item {
		float: left;
		width: 100%;
		margin-left: 0;
		font-size: 12px
	}
        
/*:::::::::::: New Css ::::::::::::*/
#navigation {display: block;}
.navbar-brand {
    max-width: 200px;
    padding: 0;
    margin-top: -14px;
}
#main-menu>li {
    display: inline-block !important;
    margin-left: 0 !important;
    padding: 0 !important;
}
#main-menu>li.parent>a {
    padding-left: 0;
}
#main-menu>li>a {
    padding: 30px 4px !important;
    font-size: 14px !important;
}
.footer-contact img {
    width: 100%;
}

}

@media only screen and (min-width:943px) and (max-width:991px) {
	.main-menu .navbar-nav>li>a {
		padding-top: 26px;
		padding-bottom: 26px;
		font-size: 16px;
		padding: 22px 12px
	}
	.navbar-brand {
		max-width: 200px;
		padding: 0;
		margin-top: 9px
	}
}
/*:::::::::::: New Css ::::::::::::*/
@media only screen and (min-width:992px) and (max-width:1199px) {

.navbar-brand {
    max-width: 200px;
    padding: 5px 0;
}

.navbar-brand img {
    width: 100%;
    height: auto;
}
#main-menu>li {
    display: inline-block !important;
    margin-left: 15px !important;
    padding: 2px 0 !important;
}
.footer-contact img {
    width: 100%;
}
}



@media only screen and (min-width:1025px) and (max-width:1199px) {
	.started-title {
		margin-top: 0
	}
	.started-title h1 {
		margin: 20px 0
	}
}

@media only screen and (min-width:1025px) and (max-width:1200px) {
	.footer-contact {
		width: 15%
	}
	.inner-vertical-menu #cssmenu {
		border-bottom: 0;
		width: 87%
	}
}