/*** ot framework ***/
@media (min-width: 768px) {
	.ot-section {
		padding: 50px 0;
	}
	.ot-section:first-child {
		padding: 0 0 50px 0;
	}	
	.ot-page-wrapper {
		width: 100%;
	}
	.blog .ot-section {
		padding: 0 0 60px 0;
	}
}
@media (min-width: 992px) {
	.ot-page-wrapper {
		width: 970px;
	}
	.site-navigation-toggle {
		display: none;
	}
	.navbar-header {
		float: left;
	}
	.container-fluid>.navbar-header, .ot-container>.navbar-header {
		margin-right: 0;
		margin-left: 0;
	}
	.menu-right {
		float: right!important;
		margin-right: -15px;
	}
	.navbar .menu > li.menu-item-has-children > a:after {
		display: inline-block;
		vertical-align: middle;
		font-family: "FontAwesome";
		content: "\f107";
		padding-left: 5px;
		font-size: 11px;
		line-height: 1;
		font-style: normal;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	/*** desktop ***/
	ul.menu li.dropdown:hover > ul.sub-menu {
		display: block;
	}

	.nav ul li {
		border-right: 1px solid #dfdfdf;
	}
	.ot-top-menu .nav ul li {
		border-right: 1px solid #3a3a3a;
	}
	.menu > li {
		float:left;
	}
	.ot-widget .menu > li {
		float: initial;
	}

	.navbar .sub-menu>li>a:hover {
		background-color: rgba(0, 0, 0, 0.4);
	}

	.navbar
	{
		margin-bottom: 0px;
		background-color: #ffffff;
		padding: 0px;
		z-index: 1000;
	}
	.ot-top-menu .navbar {
		background-color: #272729;
	}
	.navbar .navbar-header {
		padding: 0px 0px;
	}
	.navbar-fixed-top.navbar-shrink .navbar-header {
		padding: 0px;
	}
	.ot-dark-text .navbar-fixed-top.navbar-shrink {
		background-color: #fff;
	}

}
@media (min-width: 1200px) {
	.ot-boxed {
		width: 1200px;
	}
	.ot-page-wrapper {
		width: 1170px;
	}
	.content-area {
		float: left;
		width: 810px;
	}
	.ot-sidebar {
		float: left;
		width: 330px;
		position: relative;
		min-height: 1px;
		padding-left: 30px;
	}
}
@media (max-width:768px) {
/*** grid ***/
	.widget-count-2 .ot-widget, .widget-count-3 .ot-widget, .widget-count-4 .ot-widget {
		float: left;
		width: 100%;
	}
	.per-row-2 .ot-grid, .per-row-3 .ot-grid, .per-row-4 .ot-grid {
		float: left;
		width: 100%;
	}
/*** header ***/
	.ot-head-right {
		width: 100%;
	}
	.ot-head-left {
		width: 100%;
	}
	.ot-head-contacts {
		width: 100%;
	}
	.ot-head-advert {
		padding: 30px 0;
	}
	.ot-head-logo {
		text-align: center;
	}
	.ot-head-logo .description {
		display: inline-block;
	}

/*** headline ***/
	.ot-headline-large {
		width: 100%;
		height: 400px;
	}
	.ot-headline-tall {
		width: 100%;
		height: 400px;
	}
	.ot-headline-small {
		width: 100%;
		height: 400px;
	}

/*** module a ***/
	.ot-module-a .ot-featured-article {
		float: initial;
		width: 100%;
		margin-bottom: 25px;
	}
	.ot-module-a .ot-articles {
		float: initial;
		width: 100%;
		padding-left: 0px;
	}

/*** list post a ***/
	.ot-list-post.style-a .ot-post-img {
		width: 120px;
	}

/*** grid ***/
	.ot-modules-container.ot-half {
		max-width: 100%;
	}
}

@media (max-width: 992px) {
/*** mobile menu ***/
	.ot-page-wrapper {
		margin-top: 80px;
	}
	.navbar {
		box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.07);	
	}

	.navbar .ot-container {
		padding-right: 0px;
		padding-left: 0px;
	}
	.respublica-top-nav {
		display: none;
	}
	.respublica-primary-nav {
		display: none;
	}
	.navbar .navbar-header {
		display: table-cell;
	}
	.navbar .container {
		padding-right: 0px;
		padding-left: 0px;
	}
	.navbar-header .description {
		display: none;
	}

	/* mobile header */
	.ot-header {
		display: none;
	}
	.ot-main-menu {
		position: absolute;
		top: 0px;
		width: 100%;
		border-top: none;
	}
	.ot-head-socials .ot-title {
		display: none;
	}
	.ot-head-socials {
		width: 32%;
		display: table-cell !important;
		vertical-align: middle;
		padding-right: 10px;
		text-align: right;
		margin-left: 10px;
	}
	.ot-head-logo {
		width: 68%;
		text-align: center;
		display: table-cell !important;
		text-align: left;
		vertical-align: middle;	
	}

	.ot-page-wrapper .ot-head-phone {
		display: block;
		border-left: none;
		margin-left: 6px;
		padding-left: 10px;
		margin-bottom: 5px;
	}
	.ot-page-wrapper .ot-head-phone p {
		display: inline-block;
		margin-right: 20px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.ot-headline-large {
		width: 50%;
		height: 400px;
	}
	.ot-headline-tall {
		width: 50%;
		height: 400px;
	}
	.ot-headline-small {
		width: 50%;
		height: 400px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.ot-head-left {
		width: 100%;
		text-align: center;
	}
	.ot-head-right {
		width: 100%;
		margin-top: 25px;
	}
}

@media only screen
and (min-width : 320px)
and (max-width : 480px) {
	.author-image {
		width: 100%;
		margin: 0;
		float: none;
	}
	.author-text-body {
		padding: 20px;
	}
	/*** back to top ***/
	#back-top {
		position: fixed;
		bottom: 10px;
		right: 30px;
	}
	#back-top a {
		width: 40px;
		height: 40px;
	}
	#back-top i {
		margin-top: 7px;
		font-size: 20px;
	}
}