@media only screen and (max-width: 1457px) {
	.recent-project .inner-block .div.content-block {
		padding-left: 0
	}

	.container {
		width: 100%
	}

	.home-section1 .section1-wrapper h3 {
		font-size: 20px;
	}

	.inner1-section1 .right-block p {
		width: 100%;
	}

	.inner1-section1 .recent-project .content-block h5 {
		font-size: 24px;
		width: 100%;
	}
}

@media only screen and (max-width: 1365px) and (min-width: 1200px){
	.twitter-header h2 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 1199px) {
    .chart {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1190px) {
	.top-header .main-nav li a {
		/*padding: 0 16px;*/
	}

	.top-header .right-nav .main-nav {
		margin: 0
	}

	.abs-pos {
		padding: 26px 5px;
	}

	.home-section1 .section1-wrapper .divider {
		margin: 0 auto 10px;
	}

	.home-section1 .section1-wrapper p {
		font-size: 15px;
	}

	#accordion3 .accordion-heading .content-box-img {
		width: 33%;
		min-height: 120px;
        overflow: hidden;
	}

    #accordion3 .accordion-heading .content-box-img img {
		max-width: none;
	}

	#accordion3 .accordion-heading h3 {
		font-size: 16px;
		line-height: 20px;
	}

	#accordion3 .accordion-heading span.font-awsme-block {
		/*padding: 0px 25px; */ /* Causes that accordion size issue */
	}

	#accordion3 .accordion-body a {
		padding: 16px 10px;
	}

	#accordion3 .accordion-body a .fa {
		font-size: 18px;
		margin-right: 7px;
	}

	#accordion3 .accordion-heading ul li {
		padding: 10px 6px;
	}

	#accordion3 .accordion-heading ul li:first-child {
		padding: 10px 6px 10px 0;
	}

	.inner4-section1 .extrapad {
		padding: 0 20px;
	}

	/*.button-group .button {
		width: 13%;
	}*/

}

@media only screen and (max-width: 1190px) {
	.home-section1 .section1-wrapper h3 {
		font-size: 16px;
	}

}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.inner1-left-nav2 li {
		padding: 5px 40px 5px 0;
	}

    .inner1-left-nav2 li:first-child {
		padding: 15px 40px 15px 0;
	}

	.twitter-header h2 {
		font-size: 24px;
	}

	.top-header h1 {
		font-size: 54px;
		line-height: 55px;
	}

	.top-header h3 {
		font-size: 27px;
	}

    /*.tablet-first-row {
		margin-bottom: 30px;
	}*/

	.rel-pos {
		position: relative;
	}

    .pdf-icon {
        position: absolute;
		top: 6px;
		right: 0;
		text-align: right;
    }

}

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

	.home .banner-img {
		background-position: 28% center;
	}

	.purple-div {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.purple-div ul li a {
		display: block !important;
		padding: 13px 28px 0 !important;
	}

	.footer {
		padding-bottom: 0;
	}

	.footer-containers > div {
		margin-bottom: 40px;
	}

	.home-section1 {
		padding: 20px 0;
	}

	.chart {
		float: inherit;
	}

	.col-50 > div .divider {
		width: 75px;
		margin: 0 auto;
	}

	.adaptation-section .col-50 > div {
		width: 95%
	}

	.home-section2 .extrapad {
		padding: 30px 0;
	}

	.abs-pos {
		position: inherit;
		padding: 20px 15px;
	}

	.content-wrapper {
		text-align: center
	}

	.home-section1 .section1-wrapper {
		height: auto;
	}

	#home-section1.home-section1 .section1-wrapper svg,
	#home-section1.home-section1 .section1-wrapper .icon-circle-plus.btn-plus {
		display: none !important;
	}

	.no-pad {
		padding-left: 15px;
		padding-right: 15px
	}

	.blue-div {
		margin-bottom: 20px;
	}

	.top-header .main-nav li a {
		/*padding: 0 10px;*/
	}

	.chart {
		margin: 0 auto;
	}

	.inner1-left-nav, .inner1-left-nav2 {
		text-align: right
	}

	.inner1-left-nav li a {
		padding: 10px 40px 10px 0
	}

	.home .banner-img {
		/*min-height: 600px;*/
		/*height: 900px !important;*/
	}

	.recent-project {
		margin-bottom: 20px;
	}

	.recent-project .inner-block {
		width: 98%;
		margin: 0 auto 20px;
	}

	.inner1-section1 .recent-project .content-block h5, .inner2-section1 .recent-project .content-block h5 {
		padding-left: 15px
	}

	.inner1-section1 .right-block .recent-project p {
		width: 100%;
	}

	.button-group .button {
		width: 23%;
		float: none;
		vertical-align: top;
	}

	.inner5-section1 .button-group {
		text-align: center
	}

	#accordion3 .accordion-body a {
		margin: 25px 0 30px 30px
	}

	#accordion3 .accordion-body .inner-pad {
		padding: 20px 5px 0 30px;
	}

	#accordion3 .accordion-body .inner-pad p {
		margin-bottom: 0;
	}

    .database-doc {
        margin-bottom: 5px;
    }

	.inner1-left-nav,
	.inner1-left-nav2 {
		margin: 0;
	}

	.footer .ctcn p {
		width: 100%;
	}

	.btn-group.bootstrap-select {
		margin-top: 20px !important;
	}
}

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

	.top-header .main-nav li a {
		padding: 0;
	}

	.top-header .main-nav li a {
		font-size: 14px;
	}

}

@media (max-width: 1199px) and (min-width: 992px) {
	.top-header .main-nav li {
		margin-right: 0;
	}

	.twitter-data {
        padding-left: 0;
        padding-right: 0;
		margin: 0 -10px;
	}

    .twitter-header {
        padding: 10px 10px 0;
    }

	.twitter-header h2 {
		font-size: 19px;
		margin-left: 4px;
	}

}

.right-nav {
	z-index: 2;
}

.right-nav .fa.fa-times {
	position: absolute;
	top: 26px;
	right: 25px;
	color: #949494;
	font-size: 30px;
	z-index:1;
}
.fixed-header .right-nav .fa.fa-times {
    top:18px;
}

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


	#icons-height {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.mt40 {
		margin-top: 40px;
	}

	.top-header .main-nav li {
		margin-right: 0;
		padding: 10px 6px;
	}

	.inner3-section1 .submenu {
		margin-bottom: 55px;
	}
}

@media only screen and (max-width: 992px) {
	.home .top-header h1 {
		margin-top: 30%;
	}

	.top-header {
		background: none;
	}

	.banner-img:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0, 0, 0, .7);
		background: -webkit-linear-gradient(left top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
		background: -o-linear-gradient(bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
		background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
		background: linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
	}

    .home-section1 .section1-wrapper {
        -webkit-transform: translateZ(0px); /* Fixes font smoothing change during animation */
    }
}

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

	.recent-project h2 {
		font-size: 20px !important;
		line-height: 19px !important;
	}

	.top-header h1 {
		font-size: 50px;
		line-height: 50px;
	}

	.twitter-data,
	.img-div.order1 img,
	.img-div.bottom img,
	.img-div img,
	.home-section2 .inner-block,
	.img-div,
	.img-div#order1,
	.img-div.order1 {
		border-radius: 0;
	}

	.inner3-section1 .submenu {
		margin-bottom: -33px;
	}

    .inner6-section1 ul li {
        margin-bottom: 10px;
    }

    #accordion3 .accordion-body {
        border: none;
    }

    ul.grid li .category {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 805px) and (min-width: 768px) {
	.logo1 {
		font-size: 42px;
	}
	.logo2 {
		font-size: 16px;
	}
}

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

	.bs {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.right-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.logo-nav {
		margin-top: 19px;
		-webkit-transform: translate3d(0px, 0px, 0px); /* Fixes shifting on iPad during menu animation */
	}

	.fixed-header .logo-nav {
		margin-top: 18px;
	}

	.logo1 {
		float: none;
	}

	.logo2 {
		float: none;
		margin: 1px 0 0 0 !important;
	}

	.inner4-section1 .extrapad {
		padding: 0;
	}

	#accordion3 .accordion-heading h3 {
		font-size: 14px;
		line-height: 18px;
	}

	.footer .extra-pad {
		padding: 0px 0px;
	}

	.inner6-section1 ul li {
		line-height: 28px
	}

	.inner5-section1 h6 {
		width: 90%;
	}

	.inner6-container {
		width: 100%;
		margin: 0 auto
	}

	.home-section2 .inner-block p {
		font-size: 15px
	}

	.database-doc h3 {
		margin-bottom: 10px !important;
	}

	/* MOBILE MENU
	=======================================*/

	.burger {
		display: block
	}

	.top-header .main-nav li.dropdown.open > a {
		font-weight: 700;
		color: #4d90cd !important;
	}

	.main-head:not(.fixed-header) .right-nav li.active > a {
		font-weight: 700;
		color: #4d90cd !important;
	}

	.top-header .right-nav .main-nav {
		list-style: none;
		width: 100%;
		text-align: left;
		padding-bottom: 44px;
		left: 0;
        right: 0;
		bottom: 0;
		top: 80px;
		position:absolute;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0);
	}

	.top-header .right-nav .main-nav li {
		display: block;
		margin: 0;
	}

	.top-header .right-nav .search-box {
		display: none;
	}

	.top-header h3 {
		font-size: 20px;
		line-height: 18px;
		color: #FFF;
		margin-top: 15px;
		margin-bottom: 150px
	}

	.top-header .logo {
		float: none;
		width: auto;
		display: inline-block
	}

	.main-head .container {
		position: relative
	}

	.main-head {
		position: fixed;
		text-align: center;
		padding-top: 25px;
	}

	.top-header .right-nav {
		float: none;
		position: fixed;
		width: 100%;
		background: #FFF;
		left: 0;
        right: 0;
		top: 0;
        bottom: 0;
		padding: 0;
		display: none;
        -webkit-transform: translate3d(0, 0, 0);
	}

	.main-head .burger {
		position: absolute;
		top: 0;
		right: 15px;
		font-size: 36px;
		color: #fff;
		cursor: pointer;
	}
	
	.main-head.fixed-header .burger {
		color: #4f8fcc;
	}

	.top-header .main-nav li a {
		display: block;
		font-size: 22px;
		padding: 12px 7px 12px 30px;
		color: #4d90cd;
	}

	.top-header .main-nav li {
		/*border-bottom: 1px solid white;*/
		padding: 14px 10px;
	}

	.main-head .visible-xs {
		display: block !important;
	}
}

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

	/*.banner-img {*/
	/*min-height: 600px;*/
	/*height: 600px !important;*/
	/*}*/

    .banner-img {
        min-height: 380px;
    }

    .wrapper:not(.home) .top-header h1 {
        margin-top: 20%;
    }

	.abs-pos {
		width: 100%;
		position: inherit;
		top: inherit;
		padding: 20px 15px;
		left: inherit;
	}

	.img-div#order2, .img-div#order1 {
		border-radius: 0;
	}

	.ul-container li:hover a:after, .ul-container li.green a:after {
		margin-top: -13px;
	}

	.chart {
		float: inherit;
	}

	#inner1-section1 {
		padding-top: 40px;
	}

	.ul-container {
		margin-bottom: 40px;
	}

	#home-section1.home-section1 {
		padding-top: 0;
		padding-bottom: 0;
	}

	#home-section1.home-section1 .section1-wrapper {
		height: auto;
		margin-bottom: 3px;
	}

	#home-section1.home-section1 .section1-wrapper .abs-pos {
		width: 100%;
	}

	#home-section1.home-section1 .section1-wrapper svg, #home-section1.home-section1 .section1-wrapper .icon-circle-plus.btn-plus {
		display: none !important;
	}

	.home-section2 .block1 .col-xs-12, .home-section2 .block2 .col-xs-12, .no-pad, .remove-pad {
		padding: 0
	}

	.home-section2 .col-xs-12.remove-pad {
		padding: 0
	}

	.home-section2 .inner-block a {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start
	}

	.home-section2 .inner-block a .img-div {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1
	}

	.home-section2 .inner-block a .content-bock {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2
	}

	.chat-details span, .adaptation span {
		font-size: 24px
	}

	.home-section2 .col-lg-3 {
		padding: 0
	}

	.home-section2 .block1, .home-section2 .block2, .blue-div, .home-section2 .purple-div {
		margin-bottom: 0;
		border-radius: 0
	}

	.block2 .blog {
		width: 100%;
	}

	.home-section2 .extrapad {
		padding: 0
	}

	.footer .extra-pad {
		padding: 0 15px
	}

	.home-section2 .container {
		padding-left: 10px;
		padding-right: 10px
	}

	.inner1-section1 .right-block ul.numbers li {
		border-bottom: 1px solid #cecece;
		width: 100%;
		margin-bottom: 20px
	}

	.inner1-section1 .right-block ul.numbers li:last-child {
		margin-bottom: 0;
	}

	.inner1-section1 .right-block ul.numbers li p {
		margin-bottom: 10px;
	}

	.inner1-section1 .right-block ul.numbers li .counter {
		margin-bottom: 10px;
		border-right: 0px solid #cecece
	}

	.inner1-section1 .right-block h4, .inner1-section1 .right-block p {
		width: 100%;
	}

	.chart {
		margin: 0 auto;
	}

	.recent-project .img-div img, .overview-block, .workArea-block {
		width: 100%;
	}

	.inner1-section1 .inner-block {
		width: 100%;
		margin-bottom: 20px
	}

	.inner1-section1 .right-block ul.numbers li .counter {
		font-size: 50px
	}

	.chart-div {
		margin-bottom: 10px;
	}

	.chat-details {
		margin-bottom: 30px;
	}

	.inner1-section2 .content-wrapper {
		position: static;
		padding: 20px 0;
		margin: 20px 0 0;
	}

	.inner1-section2 .content-wrapper .white-box {
		margin-bottom: 10px;
	}

	.inner2-section1 p {
		width: 100%;
	}

	.inner1-section2 .white-box {
		text-align: center;
		margin-bottom: 10px
	}

	.inner1-section1 .recent-project p, .inner2-section1 .recent-project p {

	}

	.inner1-section1 .recent-project .content-block h5, .inner2-section1 .recent-project .content-block h5 {
		width: 80%;
		line-height: 24px;
		margin-bottom: 0;
		font-size: 18px;
	}

	.inner1-section1 .recent-project p, .inner2-section1 .recent-project p {
		font-size: 13px;
		line-height: 18px;
	}

	.workArea-block .col-md-2 h6 {
		margin-bottom: 20px
	}

	#accordion2 .accordion-heading a h2 {
		font-size: 20px;
		line-height: 21px;
	}

	#accordion2 .accordion-heading a h3 {
		font-size: 13px;
		width: 100%;
	}

	#accordion2 .accordion-heading a .fa-plus-square-o, #accordion2 .accordion-heading a .fa-minus-square-o {
		font-size: 44px;
	}

	#accordion2 .accordion-body ul li a {
		font-size: 15px;
		line-height: 18px;
	}

	#accordion2 .accordion-inner {
		padding: 14px
	}

	#accordion2 .accordion-body h3 {
		font-size: 16px;
		line-height: 21px;
	}

	.inner1-section2 .content-box {
		display: block;
		text-align: center;
	}

	.inner3-section1 .right-block {
		padding-top: 40px
	}

	#accordion3 .accordion-heading .content-box {
		width: 100%;
		display: block;
		padding: 0;
	}

	#accordion3 .accordion-heading .content-box .content-box-inner {
		display: block;
	}

	#accordion3 .accordion-heading .content-box .content-box-img {
		display: block;
		width: 100%;
		height: 250px;
	}

	#accordion3 .accordion-heading .content-box .content-box-data {
		display: block;
		padding: 20px 10px;
	}

	#accordion3 .accordion-heading h3 {
		display: block;
		font-size: 18px;
		line-height: 1.3;
		margin: 0 0 20px;
	}

	#accordion3 .accordion-heading ul {
		margin: -10px 0;
	}

	#accordion3 .accordion-heading ul li {
		font-size: 16px;
		display: block;
		padding: 0;
		margin: 0 0 10px;
		border: none;
	}

	#accordion3 .accordion-heading ul li:first-child {
		padding: 0;
	}

	#accordion3 .accordion-heading .fa-plus-square-o, .accordion-heading .fa-minus-square-o {
		font-size: 51px
	}

	#accordion3 .accordion-heading a.accordion-toggle {
		display: block;
		border-left: none;
		border-top: 1px solid #e4e4e4;
	}

	#accordion3 .accordion-heading span.font-awsme-block .fa {
		margin: 15px;
	}

    #accordion3 .accordion-inner {
        margin-top: -20px; /* Removes extra space between plus icon and accordion content */
    }

	#accordion3 .accordion-body .inner-pad {
		padding: 20px 10px 0;
	}

	#accordion3 .accordion-body a {
		margin: 25px 10px;
	}

	.button-group .button {
		width: 47%;
		min-height: 185px;
	}

	.inner5-section1 .grid {
		margin: 0 0 40px;
		padding: 0;
		text-align: center;
	}

	.inner5-section1 .grid .fa {
		padding-top: 20px
	}

	ul.grid li p {
		margin: 0 auto
	}

	#inner1-section1 div.text-center {
		text-align: left;
	}



}

@media only screen and (max-width: 414px) {
	.accordion-heading span.font-awsme-block {
		right: 5%;
	}

	.blue-div ul li a span {
		display: block;
	}

	.blue-div a {
		line-height: 25px;
	}

	.blue-div ul li a,
	.home-section2 .purple-div ul li a {
		padding: 13px 10px 0 !important;
	}

	.top-header .logo {
		width: 80%;
	}

	.inner-pad p {
		font-size: 13px;
		line-height: 15px;
	}

	#accordion3 .accordion-body .inner-pad p {
		font-size: 13px;
		line-height: 17px;
	}

	.database-doc h2 {
		font-size: 25px;
		line-height: 26px;
		margin-bottom: 14px;
	}

	.database-doc h3 {
		font-size: 16px;
	}

	.database-doc p {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1024px) {
	.inner1-section1 .recent-project .content-block h5, .inner2-section1 .recent-project .content-block h5 {
		line-height: 21px;
	}

	.inner1-section1 .recent-project p, .inner2-section1 .recent-project p {
		line-height: 18px;
	}

}

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

	.inner4-section1 h6 {
		font-size: 14px;
		line-height: 19px;
	}

}

@media only screen and (max-width: 320px) {
	.top-header .main-nav li a {
		padding: 5px 7px;
	}

	.inner1-section1 .recent-project p, .inner2-section1 .recent-project p {
		font-size: 12px;
		line-height: 14px;
	}

	#accordion3 .accordion-heading .fa-plus-square-o, .accordion-heading .fa-minus-square-o {
		font-size: 28px;
	}
}