@media (min-width: 992px) and (max-width: 1200px) {
	.main-menu ul li a {
		padding: 5px 10px;
	}

	.slider-info h2 {
		font-size: 40px;
	}

	.about-page-content {
		margin: 0;
	}

	.about-img {
		margin: 12px 0;
	}

	.footer-widgets > h2 {
		font-size: 28px;
	}

	#scrollUp {
		bottom: 80px;
	}

	.contact-form-area h2,
	.contact-info-content h2 {
		font-size: 21px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	body {
		font-size: 13px;
	}

	.top-header-info,
	.slogan {
		text-align: center;
	}

	.slogan {
		margin-bottom: 10px;
		text-align: center;
	}

	.arina-logo {
		padding: 25px 0;
		text-align: center;
	}

	.main-menu {
		text-align: center;
		margin-right: 0;
		margin-top: 0;
	}

	.main-menu ul li a {
		font-size: 13px;
	}

	.slider-info h2 {
		font-size: 26px;
	}

	.about-img {
		margin-bottom: 30px;
	}

	.about-content {
		margin: 0;
	}

	.title > h2 {
		font-size: 22px;
	}

	.video {
		margin-bottom: 30px;
	}

	.video iframe.des-video {
		height: 400px;
	}

	.about-content-top {
		padding: 0;
	}

	.footer-widgets > h2 {
		font-size: 18px;
		font-weight: 800;
	}

	#scrollUp {
		bottom: 80px;
	}

	.single-project {
		width: 50%;
	}

	.contact-info-content > h2 {
		font-size: 22px;
		margin-bottom: 30px;
	}

	.contact-info-content > p {
		width: 80%;
	}

	.contact-text-link {
		font-size: 15px;
	}

	.title h2::after {
		top: 33px;
	}

	ul.breadcrumb li,
	ul.breadcrumb li a {
		font-size: 14px;
	}

	.footer-widgets {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	body {
		font-size: 12px;
	}

	.menu-area {
		padding: 10px 0;
	}

	.title h2::after {
		top: 30px;
	}

	.top-header-info {
		text-align: center;
	}

	.slogan {
		margin-bottom: 10px;
		text-align: center;
	}

	.slider-info h2 {
		font-size: 22px;
	}

	.title > h2 {
		font-size: 22px;
	}

	.slider-table {
		height: 500px;
	}

	.slider-info .arina-btn {
		padding: 7px 10px;
	}

	.arina-btn {
		padding: 8px;
	}

	.top-header-area a {
		display: block;
		margin: 0;
	}

	.slider-info p {
		width: auto;
	}

	.about-img,
	.about-page-content {
		margin-bottom: 30px;
	}

	.blog-slide div.owl-prev {
		left: 35%;
		bottom: -60px !important;
		top: auto;
	}

	.blog-slide div.owl-next {
		bottom: -60px;
		left: auto;
		right: 35%;
		top: auto;
	}

	.news-content > h2 {
		font-size: 16px;
	}

	.arina-logo img {
		width: 45%;
	}
	
	.arina-logo {
	    padding-top: 2px;
	}

	.main-menu {
		display: none;
	}

	.responsive-menu-wrap {
		display: block;
		margin-top: -16px;
		position: absolute;
		right: 16px;
		top: 50%;
		width: 100%;
		padding-top: 4px;
	}

	.header-logo-wraper {
		position: relative;
		z-index: 9;
	}

	.responsive-menu-wrap .slicknav_menu {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		margin: 0;
		padding: 0;
	}

	.slicknav_nav {
		background: #1a1a1a none repeat scroll 0 0;
		padding: 10px 0;
		position: relative;
		right: -16px;
		top: 17px;
		z-index: 999;
	}

	.slicknav_nav a:hover,
	.slicknav_nav .slicknav_row:hover {
		background-color: transparent;
		border-radius: 0;
		color: #F2F1F0 !important;
	}

	.slicknav_btn {
		background-color: #404040;
		text-shadow: none !important;
	}

	.slicknav_menu .slicknav_menutxt {
		display: none;
	}

	.slicknav_menu .slicknav_icon {
		margin: 0;
	}

	.slicknav_menu .slicknav_icon-bar {
		background-color: #fff;
	}

	ul.slicknav_nav li a i.fa {
		display: none;
	}

	.slicknav_nav a {
		text-transform: uppercase;
	}

	.slicknav_nav a.menu-active:hover,
	.slicknav_nav a.menu-active {
		background-color: #737272;
		padding: 7px;
		color: #fff !important;
	}

	.slicknav_btn {
		margin: 0;
	}

	.slider-info h2 {
		font-size: 22px;
	}

	.slider-wraper .owl-nav div {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		top: 50%;
		width: 30px;
	}

	.slider-area:hover .slider-wraper div.owl-prev {
		left: 5%;
	}

	.slider-area:hover .slider-wraper div.owl-next {
		right: 5%;
	}

	.slider-wraper .owl-nav div.owl-prev:hover .fa.fa-long-arrow-left {
		left: -18px !important;
	}

	.slider-wraper div.owl-next:hover .fa.fa-long-arrow-right {
		right: -18px !important;
	}

	.sub-form {
		text-align: left;
	}

	.sub-form input {
		width: 80%;
	}

	ul.breadcrumb li,
	ul.breadcrumb li a,
	ul.breadcrumb > .active {
		font-size: 12px;
	}

	.about-page-content h2 {
		font-size: 16px;
	}

	.about-content-top {
		padding: 30px 0 0;
	}

	.project-info {
		margin-bottom: 30px;
	}

	.project-count-info {
		margin-bottom: 30px;
	}

	.post-meta li {
		font-size: 12px;
	}

	.project-lightbox h2 {
		font-size: 14px;
	}

	.project-lightbox a.arina-btn {
		padding: 3px 10px;
	}

	.slick-prev {
		left: -15px;
	}

	.slick-next {
		right: -15px;
	}

	.footer-widgets > h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.post-content a h3 {
		font-size: 12px;
	}

	#scrollUp {
		bottom: 110px;
		right: 25px;
	}

	.copy-right {
		text-align: center;
	}

	.info-bottom h4 {
		font-size: 13px;
		margin: 0 0 10px;
	}

	.skill-progress-bar h4 {
		font-size: 13px;
	}

	.single-project {
		width: 100%;
	}

	.iso-nav ul li {
		width: 100%;
		line-height: normal;
	}

	.service-info-right {
		margin: 30px 0;
	}

	#service-thumbnail li {
		float: left;
		width: 50%;
	}

	.single-blog-content > h2 {
		font-size: 16px;
	}

	.blog-comment-wraper {
		padding: 30px 10px;
	}

	.post-button {
		font-size: 12px;
	}

	.single-member-content {
		margin-top: 30px;
	}

	.info-top-right {
		margin-top: 10px;
		text-align: left;
	}

	.project-list {
		position: relative;
		top: 0;
		margin: 30px 0 0;
	}

	.single-pro-content {
		margin: 30px 0;
	}

	.single-pro-img {
		display: block;
	}

	#map {
		width: 100%;
		height: 300px;
	}

	#street {
		display: none;
	}

	.contact-form-area > h2 {
		font-size: 20px;
	}

	a.contact-text-link,
	p.contact-title {
		font-size: 14px;
	}

	a.contact-text-link:focus {
		color: #777;
	}

	.contact-info-content > h2 {
		font-size: 18px;
	}

	h3.contact-title {
		font-size: 16px;
	}

	.widget-padding {
		padding: 20px 5px 30px;
		margin-top: 50px;
	}

	.news-content {
		padding: 20px 10px;
	}

	.footer-widgets {
		margin-bottom: 50px;
	}

	.copy-right p {
		margin: 20px 0 0;
	}

	.video {
		margin-bottom: 30px;
	}

	.video iframe.des-video {
		height: 160px;
	}

	.xm .col-sm-6,
	.xm .col-sm-12 {
		padding: 0;
	}

	blockquote p {
		font-size: 14px;
	}

	.footer-widgets img {
		width: 150px;
	}

	.res-mar {
		margin-bottom: 30px !important;
	}

	.post {
		display: inherit;
	}

	.post-img {
		width: 100%;
	}

	.post-info {
		width: 100%;
		padding: 20px 0 0;
	}

	.about-area,
	.progress-area {
		padding: 10px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
		font-size: 13px;
	}

	.arina-logo img {
		width: 35%;
	}

	.video iframe.des-video {
		height: 254px;
	}

	.single-count {
		display: block;
		margin: 0 auto 30px;
	}

	.info-top-right {
		text-align: left;
	}

	.blog-slide div.owl-prev {
		left: 40%;
		bottom: -60px !important;
		top: auto;
	}

	.blog-slide div.owl-next {
		bottom: -60px;
		left: auto;
		right: 40%;
		top: auto;
	}

	.post {
		display: flex;;
	}

	.post-img {
		width: 30%;
	}

	.post-info {
		float: right;
		padding-left: 19px;
		padding-top: 0;
		width: 70%;
	}
}