/*
  ##Device = Desktops
  ##Screen = B/w1281px to 1700px
*/

@media (min-width: 1281px) and (max-width: 1700px)  {

	.services .service-box h4{
		padding:20px 35px 10px 35px;
		font-size:24px;
	}

	.services .service-box p {
		padding: 0 35px 20px 35px;
	}

	.head h1 {
		left: 18%;
	}

	.carousel-item .carousel-caption {
		left: 18%;
		bottom: 130px;
	}

	#services .service-box h3 {
    left: -15px;
		font-size:20px;
		padding: 22px 26px;
		/* top:110px; */
	}

	#services .service-box:first-child h3 {
	  left: 70px;
		width: 45%;
	}

	.carousel-item .carousel-caption p {
		font-size:42px;
		padding: 4px 32px 4px 24px;
	}

	#blog #blog-container a .blog-data {
		padding: 10px 30px;
	}

	#blog #blog-container a .blog-data .date {
    	margin-bottom: 10px;
			font-size: 12px;
	}

	#blog #blog-container a p {
		font-size: 16px;
	}

	.wpcf7-form{display:table;}

	[type="reset"], [type="submit"], button, [type="button"] {
    font-size: 16px;
	}

	.sidebar h3 {
		font-size: 20px;
	}

	.header .btn-group .btn.btn-secondary.dropdown-toggle{
		width: 175px;
		padding: 10px 0;
	}

	.blue-box {
    font-size: 16px;
    padding: 20px 26px;
	}

	#blog {
    top: -20px;
	}
	h1{
		font-size: 48px;
		padding: 6px 44px 6px 36px;
	}
	.head h1.sub-service-title span:last-child{font-size:42px;}
	#blog h1, h2 {
    font-size: 30px;
		margin-bottom: 20px;
	}
	body {
    font-size: 16px;
	}

	h4 {
    font-size: 24px;
		margin-bottom:5px;
	}

	#blog #blog-container .col-lg-12 .blog-inner-container-top {
	    margin-bottom: 7px;
	    padding-right: 15px;
	    min-height: 400px;
			margin-top: 0;
			padding-left:10px;
	}

	#blog #blog-container .col-lg-12 .blog-inner-container-bottom {
	    margin-top: 8px;
	    padding-right: 15px;
			padding-left:10px;
	    min-height: 400px;
			margin-bottom: 0px;
	}

	footer p {
    font-size: 15px;
	}

	footer b{
		font-size: 15px;
	}

	footer .menu li a {
    font-size: 15px;
	}
	.header .btn-group .dropdown-menu.dropdown-menu-right a.phone {
    font-size: 20px;
	}
	.header .btn-group .dropdown-menu.dropdown-menu-right a {
	  padding-bottom: 5px;
	}
	.head .image-container {
	  height:550px;
	}
	#page-body p {
    margin-bottom: 21px;
	}
	.services .service-box {
    height: 336px;
	}
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1200px) and (max-width: 1500px) {
	.head h1.sub-service-title{top:40%; }
}

@media (min-width: 1025px) and (max-width: 1280px) {
	.menu li{margin-left:5px;}
	.menu li a {padding: 5px;	}
	.services .service-box h4{
		padding:20px 35px 10px 35px;
		font-size:24px;
	}

	.services .service-box p {
		padding: 0 35px 20px 35px;
	}

	.head h1 {
		left: 18%;
	}

	.page-template-about .head h1 {
		top: 60%;
	}
	.carousel-item .carousel-caption {
		left: 18%;
		bottom: 130px;
	}
	#services {
    margin: 17px -125px -60px -125px;
	}
	#services .service-box h3 {
    left: -15px;
		font-size:20px;
		padding: 22px 26px;
	}

	#services .service-box:first-child h3 {
	  left: 70px;
		width: 45%;
	}

	.carousel-item .carousel-caption p {
		font-size:42px;
		padding: 4px 32px 4px 24px;
	}

	#blog #blog-container a .blog-data {
		padding: 10px 30px;
	}

	#blog #blog-container a .blog-data .date {
    	margin-bottom: 10px;
			font-size: 12px;
	}

	#blog #blog-container a p {
		font-size: 16px;
	}

	.wpcf7-form{display:table;}

	[type="reset"], [type="submit"], button, [type="button"] {
    font-size: 16px;
	}

	.sidebar h3 {
		font-size: 20px;
	}

	.header .btn-group .btn.btn-secondary.dropdown-toggle{
		width: 175px;
		padding: 10px 0;
	}

	.blue-box {
    font-size: 16px;
    padding: 20px 26px;
	}

	#blog {
    top: -40px;
	}
	h1{
		font-size: 55px;
		padding: 6px 44px 6px 36px;
	}
	.head h1.sub-service-title span:last-child{font-size:50px;}
	#blog h1, h2 {
    font-size: 30px;
		margin-bottom: 20px;
	}

	body {
    font-size: 16px;
	}

	h4 {
    font-size: 24px;
		margin-bottom:5px;
	}

	#blog #blog-container .col-lg-12 .blog-inner-container-top {
	    margin-bottom: 7px;
	    padding-right: 15px;
	    min-height: 400px;
			margin-top: 15px;
			padding-left:10px;
	}

	#blog #blog-container .col-lg-12 .blog-inner-container-bottom {
	    margin-top: 8px;
	    padding-right: 15px;
			padding-left:10px;
	    min-height: 400px;
			margin-bottom: 0px;
	}

	footer p {
    font-size: 15px;
	}

	footer b{
		font-size: 15px;
	}

	footer .menu li a {
    font-size: 15px;
	}
	.header .btn-group .dropdown-menu.dropdown-menu-right a.phone {
    font-size: 20px;
	}

	.header .btn-group .dropdown-menu.dropdown-menu-right a {
	  padding-bottom: 5px;
	}

	.head .image-container {
	  height:450px;
	}

	#page-body p {
    margin-bottom: 21px;
	}

	#page-body .page-image-container {
    margin-left: 3%;
    padding-left: 10%;
	}

	.services .service-box {
    height: 336px;
	}
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 992px) and (max-width: 1024px) {

	.menu li{margin-left:5px;}
	.menu li a{padding: 5px;}

	.header .btn-group {
		float: none;
	}
	.header .btn-group .btn.btn-secondary.dropdown-toggle {
		width: 180px;
		padding: 5px 0;
		margin: 0px 0 0 10px;
	}

	.header .btn-group .dropdown-menu.dropdown-menu-right {
		width:100%;
	}

	.head .image-container {
		height:350px;
	}

	.head h1 {
		top: 45%;
		left: 19%;
		font-size: 36px;
		padding: 7px 25px 7px 25px;
	}

	.page-template-about .head h1 {
		top: 15%;
	}

	#page-body .page-image-container {
		margin-left:0;
		padding-left:0;
		margin-top: 0%;
		padding-top: 5%;
		border-top: 2px solid #ececec;
		border-left: 0;
	}

	.page #page-body .page-image-container {
		border-bottom: 2px solid #ececec;
		border-top:0;
		padding-bottom: 5%;
	}

	.contact .page-image-container, #page-body.contact .page-image-container p{
		text-align: center;
	}

	.blue-box {
		font-size: 16px;
		padding: 20px;
	}

	.page-template-contact #page-body{
		margin-bottom:0px;
	}

	.wpcf7-form{
		margin-top:50px;
	}

	.footer-row-2 div{
		padding-bottom:20px;
	}

	footer .menu li a, footer .menu li.current-menu-item a {
		padding: 0 5px;
		font-size: 18px;
	}

	footer .menu li a:hover, footer .menu li.current-menu-item a:hover {
		padding: 0 5px;
		text-decoration:underline;
	}

	.footer-row-2 .menu {
		padding-left: 0;
	}

	.blue-box h2 {
		font-size: 34px;
	}

	.services .service-box h4 {
		padding: 20px 30px;
		font-size: 22px;
	}

	.services .service-box p {
		padding: 0 30px 0px 30px;
		font-size: 16px;
	}
	#blog #blog-container a .blog-data {
		padding: 10px;
	}

	h4 {
		font-size: 22px;
	}

	#blog #blog-container a .blog-data .date {
		font-size: 12px;
		margin-bottom: 5px;
	}

	#blog #blog-container a p {
		font-size: 14px;
		height: 300px;
		overflow: hidden;
	}

	#blog #blog-container .blog-inner-container-bottom a p, #blog #blog-container .blog-inner-container-top a p {
		max-height: 125px;
		overflow: hidden;
	}

	input, textarea {
		width: 100%;
	}
	#blog h1, h2{
		font-size:30px;
	}
	#blog p{
		font-size:14px;
	}

	#blog #blog-container .blog-inner-container-top {
		margin-bottom: 7px;
		padding-right: 15px;
		min-height: initial;
		padding-left: 15px;
	}

	#blog #blog-container .blog-inner-container-bottom {
		margin-top: 7px;
		padding-right: 15px;
		min-height: initial;
		padding-left: 15px;
	}

	#blog #blog-container .col-md-12 .col-md-6.blog-inner-container-top {
		margin-top: 15px;
		padding-right: 10px;
		margin-bottom:0px;
	}

	#blog #blog-container .col-md-12 .col-md-6.blog-inner-container-bottom {
		margin-top: 15px;
		padding-left: 10px;
	}

	#services {
		margin: 17px 0px 0 0;
	}
	#services .service-box {
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		-ms-transform: initial;
		transform: initial;
		border-width: 10px 0px;
		height: 400px;
	}

	#services .service-box h3, #services .service-box:first-child h3{
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		-ms-transform: initial;
		transform: initial;
		padding: 20px 30px;
		font-size: 30px;
		left:0px;
	}

	#services .service-box:first-child h3 {
		width: 80%;
	}
	#services .service-box img{
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		-ms-transform: initial;
		transform: initial;
	}

	#services .blue-box {
		padding: 20px 70px;
		top:0;
		margin-bottom: 10px;
	}

	.carousel-item .carousel-caption p {
		font-size:28px;
		padding: 4px 32px 4px 24px;
	}
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 992px) and (max-width: 1024px) and (orientation: landscape) {
	.logo {	width: auto;}
	.menu li{margin-left:5px;}
	.menu li a{padding: 5px;color: #dde3fd;}
	.carousel-item .carousel-caption p {
		font-size: 36px;
		padding: 5px 40px 5px 30px;
	}

	.carousel-item .carousel-caption {
		left: 18%;
	}

	.blue-box {
		font-size: 18px;
		padding: 24px 32px;
	}

	.services .service-box h4{
		padding:21px 42px;
		font-size:26px;
	}

	.services .service-box p {
		padding: 0 42px 21px 42px;
	}

	#blog #blog-container a .blog-data {
		padding: 10px 30px;
	}

	#blog #blog-container a .blog-data .date {
    	margin-bottom: 10px;
	}

	#blog #blog-container a p {
		font-size: 16px;
	}

	#blog #blog-container .col-lg-12 .blog-inner-container-top {
		margin-top: 15px;
		margin-bottom: 0;
		padding-left: 15px;
		padding-right: 10px;
	}

	#blog #blog-container .col-lg-12 .blog-inner-container-bottom {
		margin-top: 15px;
		padding-right: 15px;
		padding-left: 5px;
	}
	#services{
		margin: 17px -125px 0 -125px;
		overflow:hidden;
	}
	#services .blue-box p {
		font-size: 18px;
	}

	#services .blue-box {
		padding: 20px 100px;
		top: -50%;
	}

	#services .service-box{
		position:relative;
		-moz-transform:skew(-20deg); /* Firefox 3.6 Firefox 4 */
		-webkit-transform:skew(-20deg); /* Safari */
		-o-transform:skew(-20deg); /* Opera */
		-ms-transform:skew(-20deg); /* IE9 */
		transform:skew(-20deg); /* W3C */
		overflow:hidden;
		border-color: #f3f5ff;
		border-style: solid;
		border-width: 0px 5px;
	}
	#services .service-box h3,#services .service-box:first-child h3{
		position:absolute;
		/* top:83px; */
		left: -45px;
		-moz-transform:skew(20deg); /* Firefox 3.6 Firefox 4 */
		-webkit-transform:skew(20deg); /* Safari */
		-o-transform:skew(20deg); /* Opera */
		-ms-transform:skew(20deg); /* IE9 */
		transform:skew(20deg); /* W3C */
		padding-left:60px;
	}
	#services .service-box img{
		-moz-transform:skew(20deg); /* Firefox 3.6 Firefox 4 */
		-webkit-transform:skew(20deg); /* Safari */
		-o-transform:skew(20deg); /* Opera */
		-ms-transform:skew(20deg); /* IE9 */
		transform:skew(20deg); /* W3C */
		width: 140%;
		left:-18%;
		position: relative;
		overflow:hidden;
	}
	#services .service-box h3 {
        left: -40px;
		font-size:20px;
	}
	#services .service-box:first-child h3{
		width: auto;
		left:40px;
		font-size: 20px;
	}

	#blog h1, h2 {
		font-size: 36px;
	}

	input, textarea {
    width: 100%;
	}


	[type="reset"], [type="submit"], button, [type="button"] {
		padding: 14px;
	}

	.sidebar h3 {
		font-size: 16px;
		padding: 10px;
	}

	#page-body .page-image-container, .page #page-body .page-image-container {
	    margin-left: 16%;
	    padding-left: 16%;
	    /*border-left: 2px solid #ececec;*/
			border-style: solid;
    	border-width: 0 0 0 2px;
			border-color: #ececec;
			padding-top: 0px;
			padding-bottom: 0px;
	}

	.wpcf7-form {
	  margin-top:0px;
	}
}

/*/ medium screen size (md) */
@media (min-width: 768px) and (max-width: 991px){
	.header-menu-part{padding-top:0;}
	.contact-address{margin-bottom:30px;}
	.footer-address-colum{margin-bottom:30px;}
	#services .justify-content-end .service-box:first-child h3 {    left: 40px;}
	.services .row{margin:0;}
	#blog #blog-container .blog-data-hover p{font-size:16px;}

	.header .btn-group .dropdown-menu.dropdown-menu-right.show{    transform: translateY(-23%) !important;}
	.header .btn-group .btn.btn-secondary.dropdown-toggle {
		margin:0 0 0 15px;
		width: 150px;
		padding: 5px 0;
	}

	.menu li{margin-left:5px;}
	.header{padding:8px 0; }
	.menu li a {color: #dde3fd;font-size:13px;padding: 5px;	}
	.carousel-item .carousel-caption p {
		font-size: 30px;
		padding: 5px 40px 5px 30px;
	}

	.carousel-item .carousel-caption {
		left: 18%;
	}

	.page-template-about .head h1 {
		top: 25%;
	}

	.blue-box {font-size: 15px; padding: 16px; margin-bottom: 20px; margin-top: -60px;}
	#blog #blog-container a .blog-data h4{font-size:18px;}
	.services .service-box h4{
		padding:21px 42px;
		font-size:26px;
	}
	.services .service-box p {
		padding: 0 42px 21px 42px;
	}
	#blog #blog-container a .blog-data {
		padding: 10px 30px;
	}
	#blog #blog-container a .blog-data .date {
    	margin-bottom: 10px;
	}
	#blog #blog-container a p {
		font-size: 16px;
	}
	#blog #blog-container .col-lg-12 .blog-inner-container-top {
		margin-top: 15px;
		margin-bottom: 0;
		padding-left: 15px;
		padding-right: 10px;
	}

	#blog #blog-container .col-lg-12 .blog-inner-container-bottom {
		margin-top: 15px;
		padding-right: 15px;
		padding-left: 5px;
	}
	#services{
		margin: 17px -125px 0 -125px;
		overflow:hidden;
	}
	#services .blue-box p {
		font-size: 18px;
	}

	#services .blue-box {
		padding: 20px 100px;
		top: -50%;
	}

	#services .service-box{
		position:relative;
		-moz-transform:skew(-20deg); /* Firefox 3.6 Firefox 4 */
		-webkit-transform:skew(-20deg); /* Safari */
		-o-transform:skew(-20deg); /* Opera */
		-ms-transform:skew(-20deg); /* IE9 */
		transform:skew(-20deg); /* W3C */
		overflow:hidden;
		border-color: #f3f5ff;
		border-style: solid;
		border-width: 0px 5px;
	}
	#services .service-box h3,#services .service-box:first-child h3{
		position:absolute;
		/* top:83px; */
		left: 0px;
		-moz-transform:skew(20deg); /* Firefox 3.6 Firefox 4 */
		-webkit-transform:skew(20deg); /* Safari */
		-o-transform:skew(20deg); /* Opera */
		-ms-transform:skew(20deg); /* IE9 */
		transform:skew(20deg); /* W3C */
		padding-left:60px;
	}
	#services .service-box img{
		-moz-transform:skew(20deg); /* Firefox 3.6 Firefox 4 */
		-webkit-transform:skew(20deg); /* Safari */
		-o-transform:skew(20deg); /* Opera */
		-ms-transform:skew(20deg); /* IE9 */
		transform:skew(20deg); /* W3C */
		width: 100%;
		left:0%;
		position: relative;
		overflow:hidden;
	}
	#services .service-box h3 {
        left: 40px;
		font-size:20px;
	}
	#services .service-box:first-child h3{
		width: auto;
		left:40px;
		font-size: 20px;
	}

	#blog h1, h2 {
		font-size: 36px;
	}

	#blog h1{
		margin-top: 25px;
	}

	input, textarea {
    width: 100%;
	}

	[type="reset"], [type="submit"], button, [type="button"] {
		padding: 14px;
	}

	.sidebar h3 {
		font-size: 16px;
		padding: 10px;
	}


	#page-body .page-image-container, .page #page-body .page-image-container {
	    margin-left: 16%;
	    padding-left: 16%;
			border-style: solid;
    	border-width: 0 0 0 2px;
			border-color: #ececec;
			padding-top: 0px;
			padding-bottom: 0px;
	}

	.wpcf7-form {
	  margin-top:0px;
	}
	.head h1.sub-service-title{font-size:44px;}
	.head h1.sub-service-title span:last-child{font-size:40px;}
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
	.resources-list-section .ugb-feature-grid .ugb-feature-grid__item{ margin-bottom:30px!!important;}
	.menu-toggle{display:block;}
	.menu-toggle a{font-size:30px; color:#fff;}
	.menu li {text-transform: uppercase;   margin-left: 0;    display: block;    text-align: left;}
	.menu li a {color: #dde3fd;    padding: 10px 20px;    display: block;}
	.menu-main-menu-container {	text-align: center;  display:none;  position: absolute;top: 55px;left: 0;z-index: 99;background: #00216c;width: 100%;}
	.header-menu-part{ justify-content: space-between;    -webkit-justify-content: space-between;    -moz-justify-content: space-between;}
	.header .btn-group .dropdown-menu.dropdown-menu-right.show{transform: translateY(-15%) !important;}
	.logo{margin: 0 auto 20px;    max-width: 300px;}
	.blog-list-box .blog-data{bottom:20px;}
	.blog-loop-container{margin-bottom:0;}
	.carousel-caption.d-none {display: block!important;}
	.carousel-item .carousel-caption {position: absolute;	bottom:10px; font-size: 16px; left:15%}
	.carousel-item .carousel-caption p {font-size: 16px;padding: 5px;font-weight: 400;}
	.contact .wpcf7 {    padding: 0 0px;}
	#service-bullet-content {    margin: 50px auto;}
	.resources-list-section .ugb-feature-grid__title{font-size:20px;}
	.map-address p{font-size:22px;}
	.contact .wpcf7 .wpcf7-form .wpcf7-submit{float:none;}
	div.wpcf7-response-output{margin-top:0 !important;}
	.footer-address-colum{margin-bottom:0px;}
	#services .justify-content-end .service-box:first-child h3 {    left: 0px;}
	#blog #blog-container .blog-data-hover p{font-size:16px;}
	.head h1.sub-service-title span{padding: 6px 20px 6px 15px;}
	.header {
		position: initial;
		padding:5px 0 10px;
	}

	.header .btn-group {
		float: none;
		position:inherit;
	}
	.header .btn-group .btn.btn-secondary.dropdown-toggle {
		width: 222px;
		padding: 5px 0;
		margin: 0px;
	}
	.header .btn-group .dropdown-menu.dropdown-menu-right {
		width:100%;
	}
	.head .image-container {
		height:250px;
	}
	.head h1 {
		top: 45%;
		left: 5%;
		font-size: 36px;
		padding: 7px 25px 7px 25px;
	}
	.page-template-about .head h1{
		top:15%;
		left: 5%;
	}
	#page-body .page-image-container {
		margin-left:0;
		padding-left:0;
		margin-top: 0%;
		padding-top: 5%;
		border-top: 2px solid #ececec;
		border-left: 0;
	}
	.page #page-body .page-image-container {
		border-bottom: 2px solid #ececec;
		border-top:0;
		padding-bottom: 5%;
		margin-bottom:30px;
	}
	.contact .page-image-container, #page-body.contact .page-image-container p{
		text-align: center;
	}

	.blue-box {
		font-size: 18px;
		padding:16px;
	}
	.footer-row-2 div{
		padding-bottom:20px;
	}
	footer .menu li a, footer .menu li.current-menu-item a {
		padding: 0 5px;
		font-size: 18px;
	}
	footer .menu li a:hover, footer .menu li.current-menu-item a:hover {
		padding: 0 5px;
		text-decoration:underline;
	}
	.footer-row-2 .menu {
		padding-left: 0;
	}
	.blue-box h2 {
		font-size: 36px;
	}
	.services .service-box h4 {
		padding: 20px 30px;
		font-size: 22px;
	}

	.services .service-box p {
		padding: 0 30px 0px 30px;
		font-size: 16px;
	}


	#blog #blog-container a .blog-data {
		padding: 10px;
	}

	h4 {
		font-size: 22px;
	}

	#blog #blog-container a .blog-data .date {
		font-size: 12px;
		margin-bottom: 5px;
	}

	#blog #blog-container a p {
		font-size: 14px;
		max-height: inherit;
		overflow: hidden;
	}
	input, textarea {
		width: 100%;
	}


	.home .blue-box{margin-top: 25px;top: 0;}
	#blog {
		top:0px;
		margin-bottom:20px;
	}
	#blog h1, h2{
		font-size:30px;
	}
	#blog h1{
		margin-top: 25px;
	}
	#blog p{
		font-size:14px;
	}

	#blog #blog-container .blog-inner-container-top {
		margin-top: 7px;
		padding-right: 15px;
		min-height: initial;
		padding-left: 15px;
	}

	#blog #blog-container .blog-inner-container-bottom {
		margin-top: 7px;
		padding-right: 15px;
		min-height: initial;
		padding-left: 15px;
	}
	#services {
		margin: 17px 0px 0 0;
	}
	#services .service-box {
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		-ms-transform: initial;
		transform: initial;
		border-width: 10px 0px;
		margin: 0;
		height: 300px;
	}

	#services .service-box h3, #services .service-box:first-child h3{
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		-ms-transform: initial;
		transform: initial;
		left:0px;
		top: 35%;
		padding: 20px 20px;
		font-size: 26px;
	}

	#services .service-box:first-child h3 {
		width: 80%;
	}

	#services .service-box img {-moz-transform: initial;-webkit-transform: initial;-o-transform: initial;-ms-transform: initial;transform: initial;}

	.head h1.sub-service-title span:last-child{font-size:36px;}
	.home .blue-box{margin-bottom:20px;}
	.page-template-about .head h1 {    top: 30%;}
	.ugb-accordion__heading svg{width: 16px;}
	.service-list-section h4{width: 100%;}
	.ugb-accordion.ugb-accordion--design-plain .ugb-accordion__text{max-height:inherit;}
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	.menu-toggle{display:block;}
	.menu-toggle a{font-size:30px; color:#fff;}
	.menu li {text-transform: uppercase;   margin-left: 0;    display: block;    text-align: left;}
	.menu li a {color: #dde3fd;    padding: 10px 20px;    display: block;}
	.menu-main-menu-container {	text-align: center;  display:none;  position: absolute;top: 55px;left: 0;z-index: 99;background: #00216c;width: 100%;}
	.header-menu-part{ justify-content: space-between;    -webkit-justify-content: space-between;    -moz-justify-content: space-between;}
	.carousel-item .carousel-caption {left:10%;font-size: 12px;right:10%;	padding-left: 5px;	padding-right: 5px;bottom:0;}
	.carousel-item .carousel-caption p {
		font-size: 12px;
	}
	.carousel-control-next-icon, .carousel-control-prev-icon{background-size:25px;}
	.carousel-control-next, .carousel-control-prev{width: 60px;}
	.head h1.sub-service-title{top: 45%;}
	.head h1.sub-service-title span:last-child{font-size:30px;}
	.header {
		position: initial;
	}
	.menu{padding-left:0;}
	.menu li a {
		font-size: 16px;
	}

	.menu-main-menu-container {
		text-align: center;top:53px;
	}
	.header .btn-group {
		float: none;
	}

	.header .btn-group .btn.btn-secondary.dropdown-toggle {
		width: 222px;
		padding: 5px 0;
		margin: 0;
	}

	.header .btn-group .dropdown-menu.dropdown-menu-right {
		width:100%;
	}

	.head .image-container {
		height: 250px;
	}
	.head h1 {
		top: 35%;
		left: 5%;
		font-size:28px;
		padding: 7px 25px 7px 25px;
	}
	#page-body .page-image-container {
		margin-left:0;
		padding-left:0;
		margin-top: 0%;
		padding-top: 5%;
		border-top: 2px solid #ececec;
		border-left: 0;
	}

	.page #page-body .page-image-container {
		border-bottom: 2px solid #ececec;
		border-top:0;
		padding-bottom: 5%;
	}

	.contact .page-image-container, #page-body.contact .page-image-container p{
		text-align: center;
	}

	.blue-box {
		font-size: 16px;
		padding:16px;
		top:0;
	}
	#page-body.contact{
		margin-bottom:0px;
	}
	body{
		font-size: 16px;
	}
	.footer-row-2 div{
		padding-bottom:20px;
	}
	footer .menu li a, footer .menu li.current-menu-item a {
		padding: 0 5px;
		font-size: 18px;
	}
	footer .menu li a:hover, footer .menu li.current-menu-item a:hover {
		padding: 0 5px;
		text-decoration:underline;
	}

	.footer-row-2 .menu {
		padding-left: 0;
	}

	.blue-box h2 {
		font-size: 36px;
	}

	.services .service-box h4 {
		padding: 20px 30px;
		font-size: 18px;
	}

	.services .service-box p {
		padding: 0 30px 0px 30px;
		font-size: 14px;
	}


	#blog #blog-container a .blog-data {
		padding: 10px;
	}

	h4 {
		font-size: 22px;
	}

	#blog #blog-container a .blog-data .date {
		font-size: 12px;
		margin-bottom: 5px;
	}

	#blog #blog-container a p {
		font-size: 14px;
		max-height: inherit;
		overflow: hidden;
	}
	input, textarea {
		width: 100%;
	}
	.home .blue-box{margin-top: 25px;}
	.home #blog {
		top:0px;
	}
	#blog {
		top:40px;
		margin-bottom:20px;
	}
	.wpcf7-form {
    margin-top: 20px;
	}
	#blog h1, h2{
		font-size:30px;
	}
	#blog h1{
		margin-top: 25px;
	}
	[type="reset"], [type="submit"], button, [type="button"] {
    padding: 14px;
	}
	#blog p{
		font-size:14px;
	}

	#blog #blog-container .blog-inner-container-top {
		margin-top: 7px;
		padding-right: 15px;
		min-height: initial;
		padding-left: 15px;
	}

	#blog #blog-container .blog-inner-container-bottom {
		margin-top: 7px;
		padding-right: 15px;
		min-height: initial;
		padding-left: 15px;
	}
	#services {
		margin: 17px 0px 0 0;
	}

	#services .service-box {
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		-ms-transform: initial;
		transform: initial;
		border-width: 5px 0px;
		margin: 0;
		height:250px;
	}

	#services .service-box h3, #services .service-box:first-child h3, #services .justify-content-end .service-box:first-child h3{
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		-ms-transform: initial;
		transform: initial;
		padding: 10px 20px;
		font-size: 24px;
		left:0px;
		top: 35%;
	}

	#services .service-box:first-child h3 {
		width: 80%;
	}

	#services .service-box img{
		-moz-transform: initial;
		-webkit-transform: initial;
		-o-transform: initial;
		-ms-transform: initial;
		transform: initial;
	}
	.page-template-about .head h1 {    top: 30%;}
	.head h1.sub-service-title {     max-width: 290px;top: inherit;bottom: 70px;}
	.ugb-accordion__heading svg{width: 16px;}
	.service-list-section h4{width: 100%;}
	.home .blue-box{margin-bottom:20px;}
		.ugb-accordion.ugb-accordion--design-plain .ugb-accordion__text{max-height:inherit;}
		.header .btn-group .dropdown-menu.dropdown-menu-right.show{transform: translateY(3%) !important; -webkit-transform: translateY(3%) !important;-moz-transform: translateY(3%) !important;-ms-transform: translateY(3%) !important;}
		.header .btn-group{position:inherit;}
		.head h1.sub-service-title span:last-child{font-size: 26px;    padding: 6px 25px 6px 25px;}
}