/*==========  Desktop First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
	.conv-video {
		min-width: 390px;
	}
	.bgcont2 {
		background: #1e1e1e;
		max-height: 218px;
		max-width: 323px;
		border: 2px solid #1e1e1e;
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
		margin: 0 14px 18px;
	}
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
	.top-menu {
		display: none;
		position: absolute;
		right: 15px;
		max-width: 320px;
		float: right;
		top: 85px;
		background: #1e1e1e;
		z-index: 55;
		padding: 0;
		width: 320px;
		text-align: left;
	}
	.top-menu ul {
		padding: 0;
		margin: 0;
	}
	.top-menu ul li {
		display: block;
		padding: 15px;
		border-bottom: 2px solid #000;
	}
	.top-menu ul li:last-child {
		border-bottom: 0;
	}
	.top-menu ul li:hover {
		background: #;
		-webkit-transition: all 0.6s;
		transition: all 0.6s;
	}
	.top-menu ul li a {
		padding: 0px 14px;
	}
	.menu_list {}
	.top-menu ul li span {
		border: 5px solid transparent;
		border-top: 5px solid #b2b2b2;
		margin-left: 10px;
		position: relative;
		top: 16px
	}
	.menu_drop::before {
		content: '';
		border: 0;
		border-bottom: 0;
		position: none;
		top: 0;
		left: 0;
	}
	.menu_drop {
		z-index: 50;
		position: absolute;
		margin-top: 10px;
		padding: 10px 15px;
		width: auto;
		background: rgba(0, 0, 0, 0.0);
		text-align: left;
		-webkit-transition: 1s opacity;
		transition: 1s opacity;
		opacity: 0;
		top: -9999px;
		right: 0;
	}
	.menu_list:hover .menu_drop {
		position: relative;
		opacity: 1;
		top: 15px;
	}
	.header-cont-1 {
		padding-top: 50px;
	}
	.head-sup-bg {
		margin-top: 30px;
	}
	.img-conv figure {
		width: 100%;
	}
	.conv-video {
		min-width: auto;
	}
	.support-form {
		margin: auto;
		width: 100%;
	}
	.bgcont {
		max-width: 329px;
		margin: 0 10px 30px;
	}
}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		animation: none !important;
	}
	.info-cont i {
		font-size: 40px;
		color: #3abb12;
	}
	.info-cont h3 {
		font-weight: 500;
		font-size: 20px;
		margin-top: -20px;
		margin-bottom: 3px;
		padding: 0;
	}
	.info-cont p {
		font-size: 13px;
		margin: 0;
		padding: 0;
	}
	.line-cont:before {
		top: 0;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 4px;
		background-color: #37b311;
		left: 0%;
		margin-left: -1.5px;
	}
	.rate-right {
		position: relative;
		width: 100%;
		margin-left: 0%;
	}
	.rate-right::before {
		content: '';
		position: absolute;
		background: #1e1e1e;
		width: 10px;
		height: 10px;
		top: 13px;
		left: -4.5px;
		border-radius: 50%;
	}
	.rate-left {
		position: relative;
		width: 100%;
		text-align: left;
	}
	.rate-left::before {
		content: '';
		position: absolute;
		background: #1e1e1e;
		width: 10px;
		height: 10px;
		top: 13px;
		left: -4.5px;
		border-radius: 50%;
	}
	.bgcont {
		max-width: 318px;
		margin: 0 8px 30px;
	}
	.bgcont2 {
		max-height: 210px;
		max-width: 320px;
		margin: 0 5px 6px;
	}
}

@media only screen and (max-width: 710px) {
	.bgcont {
		max-width: 100%;
		margin: 0 0px 15px;
	}
	.bgcont2 {
		max-height: 100%;
		max-width: 100%;
		margin: 0 5px 6px;
	}
	.breadcrumbs .container {
		display: none;
	}
	.breadcrumbs a:first-of-type {
		font-size: 12px;
	}
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
	.logo {
		padding-top: 20px;
		height: 70px;
	}
	.header-title h1 {
		font-family: "Ubuntu", sans-serif;
		font-weight: 500;
		font-size: 30px;
		text-transform: uppercase;
		margin: 0;
		line-height: 50px
	}
	.header-title p {
		font-family: "Ubuntu", sans-serif;
		font-weight: 500;
		font-size: 17px;
		margin: 0;
	}
	.info-cont i {
		font-size: 35px;
		color: #3abb12;
	}
	.sl-1 img {
		width: 100px;
		height: 65px;
	}
	.galeriy-nav {
		height: 64px;
	}
	.sl-1 {
		height: 67px;
		margin: 0 10px;
	}
	.bgcont2 {
		max-height: 210px;
		max-width: 100%;
		margin: 0 0px 6px;
	}
	.phone-size {
		font-size: 5px;
	}
}


/* Custom, iPhone Retina */

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


/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}


/* Small Devices, Tablets */

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


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
	.top-menu {
		display: block !important;
	}
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}