/* Theme custom Responsive style css start here 
amar
======================================================
*/

@media(min-width:768px) {}

@media(min-width:1367px) {}

@media(min-width:1921px) {}

@media(max-width:1200px) {
	.main-navigation .menu > li > a {
		padding: 29px 15px
	}
	.casestudyrow .row .casestudycontentcol {
		padding: 25px 15px 5px 30px;
	}
	.casestudyrow .row:nth-child(2n) .casestudycontentcol {
		padding: 25px 30px 5px 15px
	}
}

@media(max-width:1100px) {
	.widget-title {
		font-size: 32px;
	}
	.carousel-caption h1 {
		font-size: 40px;
	}
	.menu-toggle .icon {
		margin-right: 0;
		top: 0;
	}
	.site-header .main-navigation .menu > li {
		padding: 10px 0;
		text-align: left;
		border-bottom: 1px solid #555;
		display: block;
	}
	.main-navigation .menu > li > a {
		padding: 0;
	}
	.main-navigation ul ul {
		position: static;
		border: 0;
		box-shadow: 0 0 10px 999;
		padding: 0;
	}
	.main-navigation > div > ul {
		border-top: 1px solid #555;
		padding: 0.75em 1.695em;
	}
	.dropdown-toggle {
		right: 0;
		top: 4px
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: -999em
	}
	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: none;
	}
	.main-navigation ul ul.toggled-on {
		display: block;
	}
	.menu-toggle:hover,
	.menu-toggle:focus {
		background-color: #ffce4a;
		color: #fff;
		outline: none
	}
	.main-navigation {
		float: none;
		position: absolute;
		z-index: 111;
		background: rgba(0, 0, 0, 0.8);
		margin: 0;
		left: 0;
		top: 100%;
		right: 0;
	}
	.js .menu-toggle,
	.js .dropdown-toggle {
		display: block;
	}
	.main-navigation .menu > li::before {
		display: none
	}
	.js .dropdown-toggle {
		padding: 6px;
		border: 0;
		color: #222
	}
	.menu-toggle {
		transition: 0.5s;
		color: #ffce4a;
		font-size: 20px;
		font-weight: 700;
		margin: 0;
		padding: 0;
		border: 2px solid #ffce4a;
		width: 40px;
		height: 40px;
		line-height: 32px;
		position: absolute;
		right: 15px;
		top: -63px;
	}
}

@media(max-width:1024px) {}

@media(max-width:991px) {}

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

@media(max-width:767px) {
	.display-table-cell,
	.display-table {
		display: block;
	}
	.distributed_app_sec .textcol {
		padding: 30px 15px 10px;
	}
	.casestudyrow .row:nth-child(2n) .casestudycontentcol,
	.casestudyrow .row .casestudycontentcol {
		padding: 25px 15px 5px
	}
	.carousel-caption h1 {
		font-size: 30px;
	}
	.carousel-inner > .item {
		min-height: 400px;
		max-height: 450px;
	}
	.homeservices {
		padding: 40px 0 20px;
	}
	.homeservices .singleservice {
		padding: 20px 15px 20px;
	}
}

@media(max-width:500px) {
	.carousel-caption h1 {
		font-size: 25px;
	}
	.carousel-caption {
		top: 37%;
	}
	.carousel-inner > .item {
		min-height: 300px;
		max-height: 350px;
	}
	.widget-title {
		font-size: 25px;
		padding-right: 30px;
		margin-bottom: 20px
	}
	h1.widget-title::before {
		top: -6px;
		width: 40px;
		height: 35px;
		background-size: 80% auto;
	}
	body,
	button,
	input[type="button"],
	input[type="submit"],
	.btn,
	.entry-content .btn {
		font-size: 14px
	}
}

@media(max-width:420px) {}