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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.desc {
		padding: 12px 90px 0 40px;
	}
	h1 {
		font-size: 34px;
	}
	h1 span {
		font-size: 46px;
	}
	h2 {
		font-size: 28px;
	}
	.top_head div {
		height: 72px;
	}
	.trigger {
		text-indent: 0;
	}
	.top_form {
		background-position: 42% 209px;
	}
	.trigger span {
		font-size: 17px;
	}
	.filter_buttons {
		left: 40px;
	}
	#tabs li button {
		padding: 15px 0;
	}
	.filter_slider_wrapper {
		left: 40px;
	}
	.after img {
		width: 100%;
	}
	.after p, .after li {
		font-size: 15px;
	}
	.call .call_wrapper {
		-webkit-background-size: contain;
		background-size: contain;
		padding-top: 80px;
	}
	.call h3 {
		font-size: 32px;
		margin-bottom: 20px;
	}
	.call p {
		margin-bottom: 30px;
	}
	.example img {
		width: 100%;
		max-width: 370px;
		display: block;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.example p, .example ol {
		font-size: 16px;
	}
	.receive p {
		font-size: 14px;
	}
	.middle_receive {
		right: -45px;
	}
	.receive .dash {
		position: absolute;
		top: 40px;
		left: 120px;
	}
	.receive {
		padding-bottom: 0;
	}
	.cert_slider_small_wrapper {
		top: -140px;
	}
	.cert_slider_big_wrapper {
		top: 58px;
	}
	.contact {
		font-size: 14px;
	}
	.bottom_form {
		background-position: 42% 0;
		top: -250px;
	}
	.timer-separator {
		padding: 0 5px!important;
	}
	#timer9dc55a22f762a18acf18c0dafcb3bc00, #timer9dc55a22f762a18acf18c0dafcb3bc000 {
		min-width: 1px!important;
	}
	.top_form {
		background-position: 35% 209px; 
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	section {
		padding: 40px 0;
	}
	section h3 {
		margin-bottom: 60px;
		font-size: 30px;
	}
	.desc {
		padding: 12px 145px 0 15px;
	}
	.example_desc {
		text-align: center;
	}
	.example_prev {
		bottom: 0;
	}
	.example_next {
		bottom: 0;
	}
	.receive .dash {
		display: none;
	}
	.middle_receive {
		right: 0;
	}
	.receive p {
		width: 100%;
		font-size: 12px;
		margin: 20px 0;
	}
	.receive button {
		width: 100%;
	}
	.receive p br {
		display: none;
	}
	.receive .row {
		margin-bottom: 50px;
	}
	h1 {
		font-size: 44px;
		margin-top: 26px;
	}
	h1 span {
		font-size: 28px;
	}
	h2 {
		font-size: 18px;
		margin-bottom: 22px;
		line-height: 40px;
	}
	.trigger {
		font-size: 16px;
		margin: 0 0 18px 20px;
	}
	.buttons .bttn_blue {
		font-size: 10px;
	}
	.buttons .bttn_yellow {
		font-size: 12px;
	}
	.top_form {
		background-image: none;
		padding-bottom: 40px;
	}
	.top_form .left_form p {
		font-size: 22px;
	}
	.order h3 {
		margin-bottom: 60px;
	}
	#tabs li button {
		margin-bottom: 30px;
	}
	.filter_buttons {
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		left: 0;
	}
	.filter_slider_wrapper {
		left: 0;
		margin-bottom: 60px;
	}
	.filter_next {
		top: auto;
		bottom: -80px;
		left: 52%;
		width: 36px;
	}
	.filter_prev {
		top: auto;
		bottom: -80px;
		right: 52%;
		left: auto;
		width: 36px;
	}
	.tab {
		text-align: center;
		margin-bottom: 40px;
	}
	.tab .col-sm-4 img {
		width: 100%;
	}
	.tab p {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.tab p br {
		display: none;
	}
	.order_item {
		width: 80%;
		margin: 0 auto 30px;
	}
	.after img {
		max-width: 370px;
		margin: 0 auto;
		display: block;
	}
	.after {
		text-align: center;
	}
	.after .col-md-4 {
		margin-bottom: 60px;
	}
	.after h4 {
		margin-bottom: 10px;
	}
	.after p, .after ul {
		max-width: 370px;
		margin: 0 auto;
	}
	.call h3 {
		font-size: 22px;
	}
	.call p {
		font-size: 18px;
	}
	.call .call_wrapper {
		padding-top: 50px;
	}
	.receive img {
		width: 100%;
	}
	.tab .main_img {
		display: block;
		margin: 0 auto 30px auto;
	}
	#tabs ul {
		margin-bottom: 10px;
	}
	.order_item {
		padding: 80px;
		min-height: 1px;
		text-align: center;
	}
	.order_item p br {
		display: none;
	}
	.cert {
		text-align: center;
		padding-bottom: 120px;
	}
	.cert h3 {
		margin-bottom: 40px;
	}
	.cert p {
		margin: 40px 0;
	}
	.cert_slider_small {
		display: none!important;
	}
	.cert img {
		padding: 10px;
	}
	.bottom_form {
		top: -100px;
		background-image: url(../img/bottom_form_bg.jpg);
		top: 0;
		padding-top: 80px;
	}
	.contact {
		top: -350px;
	}
	.contact .col-sm-6 {
		margin-bottom: 30px;
	}
	.map {
		background-position: 80% -100px;
		top: -350px;
		min-height: 400px;
	}
	footer {
		margin-top: -350px;
	}
	.trigger span {
		font-size: 14px;
	}
	h1 {
		line-height: 48px;
		font-size: 32px;
	}
	h2 {
		line-height: 32px;
		font-size: 22px;
	}
	.top_back {
		margin-bottom: 0;
	}
	.tab .col-md-4 h4, .tab .col-md-5 h4 {
		display: block;
	}
	.tab .col-md-6 h4, .tab .col-md-7 h4 {
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	section h3 {
		font-size: 32px;
	}
	footer .row div{
	text-align:center;
}
footer .row {
	display: block;
}

	.top_form .left_form ul li {
		list-style-image: none;
		font-size: 14px;
	}
	.top_form .left_form ul {
		line-height: 32px;
	}
	.container {
		max-width: 500px;
	}
	h1 {
		font-size: 27px;
		line-height: 36px;
	}
	h1 br {
		display: none;
	}
	h2 {
		font-size: 20px;
		line-height: 25px;
	}
	.trigger {
		line-height: 28px;
	}
	h1 span {
		font-size: 26px;
	}
	.after h3 br {
		display: none;
	}
	.call .call_wrapper {
		background-image: none;
	}
	.call {
		background-color: #0f497b;
		text-align: center;
	}
	.call h3 {
		text-align: center;
	}
	.call button {
		margin: 0 auto;
		width: 100%;
	}
	#tabs li {
		max-width: 370px;
		margin: 0 auto;
	}
	.filters h3 {
		margin-bottom: 50px;
	}
	.order_item {
		padding: 40px;
	}
	.order h4 {
		font-size: 24px;
	}
	.top_form {
		text-align: center;
		padding-top: 80px;
	}
	.top_form h3 {
		margin-bottom: 30px;
	}
	.top_form .form_wrapper {
		top: 0;
		margin-top: 10px;
	}
	.top_form .left_form ul {
		text-align: left;
	}
	.top_form .left_form ul li {
		
	}
	.receive {
		background-color: #0e4a88;
	}
	.receive img {
		display: block;
		margin: 0 auto;
	}
	.receive p {
		text-align: center;
		max-width: 370px;
		margin: 20px auto;
	}
	.receive button {
		display: block;
		margin: 0 auto 50px auto;
	}
	.cert_prev {
		top: auto;
		left: auto;
		right: 52%;
		bottom: -60px;
	}
	.cert_next {
		top: auto;
		right: auto;
		left: 52%;
		bottom: -60px;
	}
	.cert {
		padding-bottom: 160px;
	}
	.map {
		top: -150px;
		background-position: 70% -100px;
	}
	footer {
		top: 0;
	}
	.contact {
		top: -150px;
	}
	.example img {
		max-width: 380px;
	}
	.cert_slider_big_wrapper img {
		width: 100%;
		max-width: 370px;
	}
	#tabs li button {
		margin-bottom: 15px;
	}
	#tabs li button br {
		display: none;
	}
	.contact {
		padding-bottom: 0;
		padding-top: 0;
		top: 0;
	}
	.contact .col-sm-6 {
		max-width: 220px;
		margin-right: auto;
		margin-left: auto;
	}
	.map {
		min-height: 320px;
		top: 0;
	}
	#timer9dc55a22f762a18acf18c0dafcb3bc000, #timer9dc55a22f762a18acf18c0dafcb3bc00 {
		margin: 20px auto!important
	}
	.desc {
    	padding: 12px 15px 0 15px;
	}
	.logo {
		text-align: right;
	}
	footer {
		margin-top: 0;
	}
	.top_back {
		background-position: 10% 0;
	}
	.main_header {
		text-align: center;
	}
	.main_header button {
		width: 100%;
		max-width: 370px;
		margin: 0 auto 20px;
		display: block;
	}
	.top_form .left_form h4 {
		margin: 0;
		margin-bottom: 10px;
		font-size: 20px;
	}
	.top_form .left_form p {
		font-family: "OpenSans-Bold", sans-serif;
		line-height: 1.4;
	}
	.phone_number {
		text-align: left;
		right: 0;
	}
	.trigger {
		list-style-type: none;
		margin-left: 0;
	}
	.top_form .form_wrapper {
		display: none;
	}
	.trigger span {
		font-size: 14px;
	}
	.buttons {
		padding-left: 15px;
	}
	.top_form button {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 370px;
	}
	.top_form .popup {
		display: block!important;
	}
	#tab_4 button {
		width: 100%;
		max-width: 370px;
	}
	#tab_4 ul {
		width: 80%;
		float: none;
	}
	.top_form .left_form p, .top_form .left_form ul {
		font-size: 16px;
	}
	.top_button, .desc, .example, .receive, .cert, .bottom_form {
		display: none!important;
	}
	.top_form .left_form {
		padding-right: 15px;
	}
	#tab_4 .filter_buttons {
		left: 0;
	}
	.order {
		padding-top: 0;
	}
	.mobile_br {
		display: block;
	}
	label.error {
		font-size: 14px;
	}
	.form_wrapper {
		padding: 30px;
	}
	.form_wrapper p, .form_wrapper h6 {
		text-align: center;
	}
	.top_form .left_form ul li {
		text-align: center;
	}
	.top_form .left_form ul {
		margin-left: 0;
	}
}
@media only screen and (max-width : 630px) {
	.top_back {
		background-position: 18% 0;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.order p {
		padding: 20px;
		font-size: 14px;
	}
	.order_item {
		padding: 20px 5px;
		width: 100%;
	}
	.filter_item img {
		max-width: 100%;
	}
	.example img {
		max-width: 280px;
	}
	h1 {
		font-size: 17px;
		line-height: 20px;	
	}
	h2 br {
		display: none;
	}
	h2 {
		font-size: 14px;
		line-height: 18px;
		margin-top: 10px;
	}
	.trigger {
		line-height: 20px;
	}
	.trigger span {
		font-size: 12px;
		line-height: 12px;
	}
	.top_form h3 br {
		display: none;
	}
	section h3 {
		font-size: 28px;
	}
}

/* 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) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.container {
		width: 1200px;
	}
}