/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/


@media (min-width: 1500px) {

	.wrap
	{
	    width: 735px;
    	height: 479px;
	    margin: 0px auto;
	    padding: 0;
	    overflow: hidden;
	    padding-top: 0px;
	    margin-bottom: 50px;
	}
	
	#slider .emphasis-title h1 {
	    font-size: 42px;
	}
	
	.frame
	{
	    width: 1000px;
	    height: 627px;
	    border: 0;
	
	    -ms-transform: scale(0.75);
	    -moz-transform: scale(0.75);
	    -o-transform: scale(0.75);
	    -webkit-transform: scale(0.75);
	    transform: scale(0.75);
	}
 	
}

@media (max-width: 1199px) {


 	.container{
 		text-align: center;	
 	}
 	
 	.mobile-text-center .col_half {
 		width: 100%; 		
 		text-align: center;	
 	}
 	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
	ul.tab-nav li {
 		margin: 0px 9px;
 	}
 	
 	
	ul.tab-nav:not(.tab-nav-lg) li:first-child {
		margin-left: 9px;	
	}
	
	.block-form {
		padding: 20px;	
	}

	.mobile-text-center {

    	text-align: left;
 	}
 	
	.topmargin-lg {
	    margin-top: 19px !important;
	}
 	
 	.tablet-text-center {

    	text-align: center;
 	}
 	
 	
 	.mobile-mini-size {
 		
	    -ms-transform: scale(0.80);
	    -moz-transform: scale(0.80);
	    -o-transform: scale(0.80);
	    -webkit-transform: scale(0.80);
	    transform: scale(0.80);
	
	    -ms-transform-origin: 0 0;
	    -moz-transform-origin: 0 0;
	    -o-transform-origin: 0 0;
	    -webkit-transform-origin: 0 0;
	    transform-origin: 0 0; 	
	    margin: 0px auto;
 	}
 	
 	.iconlist {
		margin-left: 0px;	
 	}
 	
 	.mobile-mini-size {
 		
	    -ms-transform: scale(0.80);
	    -moz-transform: scale(0.80);
	    -o-transform: scale(0.80);
	    -webkit-transform: scale(0.80);
	    transform: scale(0.80);
	
	    -ms-transform-origin: 0 0;
	    -moz-transform-origin: 0 0;
	    -o-transform-origin: 0 0;
	    -webkit-transform-origin: 0 0;
	    transform-origin: 0 0; 	
	    margin: 0px auto;
 	}
 	
 	.mobile-mini-center-a {
 		height: 260px;
 		width: 404px;
 		margin: 0px auto;
 	}
 	
 	.iconlist > li [class^="icon-"]:first-child, .iconlist > li [class*=" icon-"]:first-child {
 		position: static;	
 	}
 	
 	.mobile-text-center .col_half {
 		width: 100%; 		
 		text-align: center;	
 	}
}


@media (max-width: 991px) {

	#primary-menu {
	    margin-left: auto !important;
	    width: 100%;
	}
	
	.header_phone {
 		display:none;
 	}
	
.testimonial-full .testi-content p {
	font-size: 18px;	
}
.margin-block {
    margin-left: 0;
    margin-top: 15px;
}

.margin-block-driver {
    margin-left: 0;
    margin-top: 15px;
}

 	.mobile-text-center {
		text-align: center;	
 	}
 	
	.tabs.tabs-alt ul.tab-nav li a {
		background: none;	
	}
	ul.tab-nav li img {
		border: solid 5px white;	
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;	
		overflow: hidden;
		border-radius: 60px;
	}
	
	ul.tab-nav li:hover img {
			border: solid 5px #9E0032;
		  -webkit-transition : all 500ms ease;
		  -moz-transition : all 500ms ease;
		  -o-transition : all 500ms ease;
		  transition : all 500ms ease;
	}
	
	ul.tab-nav li.ui-tabs-active img {
		border: solid 5px #e30048;
	}
	
	.acctitle {
		padding: 0px;
		padding-top: 30px;	
	}
	.acctitle img {
		width: 80px;
		height: 80px;	
		overflow: hidden;
		border: solid 5px white;	
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;	
		overflow: hidden;
		border-radius: 60px;
	}

 	
 	.block-form {
		padding: 20px;	
	}

 	
 	.mobile-mini-size {
 		
	    -ms-transform: scale(0.50);
	    -moz-transform: scale(0.50);
	    -o-transform: scale(0.50);
	    -webkit-transform: scale(0.50);
	    transform: scale(0.50);
	
	    -ms-transform-origin: 0 0;
	    -moz-transform-origin: 0 0;
	    -o-transform-origin: 0 0;
	    -webkit-transform-origin: 0 0;
	    transform-origin: 0 0; 	
	    margin: 0px auto;
 	}
 	
 	.mobile-mini-center-a {
 		height: 260px;
 		width: 234px;
 		margin: 0px auto;
 	}
 	
 	.iconlist > li [class^="icon-"]:first-child, .iconlist > li [class*=" icon-"]:first-child {
 		position: static;	
 	}
 	
 	#footer .footer-widgets-wrap {
 		padding: 40px 0px;	
 	}
 	
 	
 	.mobile-text-center .col_half {
 		width: 100%; 		
 		text-align: center;	
 	}
	
	.wrap {
		height: 380px;
		margin: 0px auto;
		width: 535px;
	}

	.why-picture {
	   height: 370px;
	   width: 330px;
    	margin: 0px auto;
    	text-align: center;
	}

	.social-icon {
		display:none;
	}

	.topmargin {
		margin-top: 0px;	
	}
	
	#contact-form-overlay-mini {
    z-index: 9;
    padding: 50px 0px 10px;
}
	
	#primary-menu-trigger i {
		font-size: 30px;
	}
	
	#logo {
		height: 60px;	
	}
	
	#primary-menu-trigger {
		top: 6px;	
		right: 20px;
		left: auto;
	}

	#logo img {
	    margin-top: 14px;
	    max-height: 36px;
	}
	
	.container, #header.full-header .container, .container-fullwidth {
		width: 100% !important;	
	}
	
	.mobile-mini-size {
	    -ms-transform: scale(0.75);
	    -moz-transform: scale(0.75);
	    -o-transform: scale(0.75);
	    -webkit-transform: scale(0.75);
	    transform: scale(0.75);	
	}
	
	.mobile-mini-center-a {
    	height: 360px;
	    width: 336px;
	}
	
	.content-wrap {
	    padding: 30px 0;
	}
	
	.topmargin {
	    margin-top: 0px !important;
	}
	
	.bottommargin-lg {
	    margin-bottom: 20px !important;
	}
	
	
	.hidden-desktop {
		display: block;	
	}
	
	.hidden-mobile {
		display: none;	
	}

 	.mobile-text-center .col_half {
 		width: 100% !important; 		
 		text-align: center;	
 	}
 	
	.content-wrap .footer-stick {
		margin-bottom: -28px !important;	
	}
}


@media (min-width: 770px) and (max-width: 888px) {
	
	ul.tab-nav li {
		margin: 0px 11px;	
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {

}


@media (max-width: 767px) {
	
	.faq {
	    min-height: auto;
	}
 	
 	.container{
 		text-align: center;	
 	}
 	
 	.footer-stick {
 		display:none;	
 	}
 	
 	.acctitle i {
	    font-size: 46px;	
	    position: static;
	    width: auto;
 	}
 	
 	.selectround { 	
	    width: 150px;
	    margin: 0px auto;
	    margin-bottom: 20px;
 	}
 	
}

@media (min-width: 480px) and (max-width: 767px) {


}

@media (max-width: 479px) {
	
	.tab-content h3 {	
	    padding: 5px 15px;
	}
	
	
	#section-pricing {
		padding-bottom: 0px !important;	
	}
	
	.acctitle h4 {
		display:none !important;	
	}
	
	.acc_content {
    	display: block !important;
	}
	
	.button {
	    padding: 5px 15px;
	    font-size: 13px;
	    text-align: center;	
	}
	
	.divider.divider-short.divider-center {
		display:none;	
	}
	
	#section-advantages {
		height: auto !important;	
	}
	
	#slider .button,
	#section-advantages .button {
	    display: block;
	}
	
	.promo.promo-full a {
		font-size: 30px;
	}
	
	.pts-switch-content-right {
		display:none;	
	}
	
	#content p {
		font-size: 15px;
	    text-align: justify;
	    padding: 0px 25px;
	}
	
	ul.iconlist.iconlist-large {
	    padding: 0px 25px;	
	}
	
	.iconlist.iconlist-large li {
		padding: 5px 0px;
	    border-top: solid 1px #EEE;
	    font-size: 14px;
	    text-align: left;
	}
	
	#slider .emphasis-title h1,
	#slider h4 {
		text-align: center;	
	}
	
	.pricing-title.driver {
		margin-top: 20px;	
	}
	
		.margin-block.block50 {
			margin-top: 0px;	
		}
		
	.pricing-box {
	    padding: 0px;
	    margin: 0px;
	}
	
	.section-picture-mobile {
		width: 80%;
		margin: 20px auto;	
	}
	
	.margin-block,
	.margin-block-driver {
		margin-top: 0px; 
		margin-left: 0px;
	}
	
	
	.pricing-title {
		padding: 0px 0px 5px;	
	}

	.pricing-box.pricing-extended .pricing-desc, .pricing-box.pricing-extended .pricing-action-area {
		padding: 13px;	
	}

	.pricing-box.pricing-extended .pricing-features li {
		font-size: 10px;	
	}

	.pricing-box.pricing-extended .pricing-features ul {
		padding: 0px;		
	}
	
	.emphasis-title h1, .emphasis-title h2 {
		font-size: 27px !important;
	}
	
	.content-wrap .footer-stick {
		margin-bottom: -30px !important;	
	}

	.faq {
	    min-height: auto;
	}
	.wrap {
		height: 250px;
		margin: 0px auto;
		width: 365px;
		padding-top: 0px;
	}
	
	.frame {
	    -ms-transform: scale(0.37);
	    -moz-transform: scale(0.37);
	    -o-transform: scale(0.37);
	    -webkit-transform: scale(0.37);
	    transform: scale(0.37);	
	}

	.mobile-mini-size {
	    -ms-transform: scale(0.60);
	    -moz-transform: scale(0.60);
	    -o-transform: scale(0.60);
	    -webkit-transform: scale(0.60);
	    transform: scale(0.60);	
	}
	
	.mobile-mini-center-a {
    	height: 360px;
	    width: 336px;
	}
	
	.mobile-mini-center-a.first {
	    height: 300px;
	    margin-top: -40px;
	    width: 336px;
	}
	
	.content-wrap {
	    padding: 30px 0;
	}
	
	.topmargin {
	    margin-top: 0px !important;
	}
	
	.bottommargin-lg {
	    margin-bottom: 20px !important;
	}
	
	ul.iconlist {
		margin-left: 0px;	
	}
	
	ul.iconlist.iconlist-large {
	    font-size: 13px;
	}
	
	.bold-show {
		font-size: 13px !important;	
	}
}


@media (max-width: 420px) { 
	
	.wrap {
		height: 200px;
		margin: 0px auto;
		width: 286px;
		padding-top: 0px;
	}
	
	.frame {
	    -ms-transform: scale(0.29);
	    -moz-transform: scale(0.29);
	    -o-transform: scale(0.29);
	    -webkit-transform: scale(0.29);
	    transform: scale(0.29);	
	}
	
	form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth {
		margin-bottom: 10px !important;	
	}
	
	label {
		margin-bottom: 0px;
		font-size: 10px;	
	}
	
	#modal-get-started-package {
	    margin-bottom: 0px;
    	font-size: 12px;	
	}
}


/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {

}

