/*
* Quantum Framework
*
* 1056px - 12 Columns - 20px Gutter
*
* Copyright 2013 Quantum Outsourcing, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built by Quantum Outsourcing
* http://QuantumOutsourcing.com
*
*/


/* ==========================================================================
   960px - 12 columns - 20px gutter 
   ========================================================================== */

   /* Container */ 
   .container-12 { width: 960px; margin: 0 auto; } 

   /* Global */ 
   [class*="grid-"] { float: left; display: inline; margin-left: 10px; margin-right: 10px; } 
   .group:before, .group:after { content: ""; display: table; line-height: 0; } 
   .group:after { clear: both; } 

   /* Nested elements */ 
   .alpha { margin-left: 0px; } 
   .omega { margin-right: 0px; } 

   /* Grids */ 
   .container-12 .grid-1 {  width: 60px; }
   .container-12 .grid-2 {  width: 140px; }
   .container-12 .grid-3 {  width: 220px; }
   .container-12 .grid-4 {  width: 300px; }
   .container-12 .grid-5 {  width: 380px; }
   .container-12 .grid-6 {  width: 460px; }
   .container-12 .grid-7 {  width: 540px; }
   .container-12 .grid-8 {  width: 620px; }
   .container-12 .grid-9 {  width: 700px; }
   .container-12 .grid-10 {  width: 780px; }
   .container-12 .grid-11 {  width: 860px; }
   .container-12 .grid-12 {  width: 940px; }

   /* Offset Extra Space */ 
   .container-12 .offset-1 { padding-left: 80px; }
   .container-12 .offset-2 { padding-left: 160px; }
   .container-12 .offset-3 { padding-left: 240px; }
   .container-12 .offset-4 { padding-left: 320px; }
   .container-12 .offset-5 { padding-left: 400px; }
   .container-12 .offset-6 { padding-left: 480px; }
   .container-12 .offset-7 { padding-left: 560px; }
   .container-12 .offset-8 { padding-left: 640px; }
   .container-12 .offset-9 { padding-left: 720px; }
   .container-12 .offset-10 { padding-left: 800px; }
   .container-12 .offset-11 { padding-left: 880px; }

/* ==========================================================================
   1056px - 12 columns - 20px gutter 
   ========================================================================== */

   @media (min-width: 1056px) { 

   /* Container */ 
   .container-12 { width: 1056px; margin: 0 auto; } 

   /* Global */ 
   [class*="grid-"] { float: left; display: inline; margin-left: 10px; margin-right: 10px; } 
   .group:before, .group:after { content: ""; display: table; line-height: 0; } 
   .group:after { clear: both; } 

   /* Nested elements */ 
   .alpha { margin-left: 0px; } 
   .omega { margin-right: 0px; } 

   /* Grids */ 
   .container-12 .grid-1 {  width: 68px; }
   .container-12 .grid-2 {  width: 156px; }
   .container-12 .grid-3 {  width: 244px; }
   .container-12 .grid-4 {  width: 332px; }
   .container-12 .grid-5 {  width: 420px; }
   .container-12 .grid-6 {  width: 508px; }
   .container-12 .grid-7 {  width: 596px; }
   .container-12 .grid-8 {  width: 684px; }
   .container-12 .grid-9 {  width: 772px; }
   .container-12 .grid-10 {  width: 860px; }
   .container-12 .grid-11 {  width: 948px; }
   .container-12 .grid-12 {  width: 1036px; }

   /* Offset Extra Space */ 
   .container-12 .offset-1 { padding-left: 88px; }
   .container-12 .offset-2 { padding-left: 176px; }
   .container-12 .offset-3 { padding-left: 264px; }
   .container-12 .offset-4 { padding-left: 352px; }
   .container-12 .offset-5 { padding-left: 440px; }
   .container-12 .offset-6 { padding-left: 528px; }
   .container-12 .offset-7 { padding-left: 616px; }
   .container-12 .offset-8 { padding-left: 704px; }
   .container-12 .offset-9 { padding-left: 792px; }
   .container-12 .offset-10 { padding-left: 880px; }
   .container-12 .offset-11 { padding-left: 968px; }

   }

/* ==========================================================================
   768px - 12 columns - 20px gutter 
   ========================================================================== */

   @media (min-width: 768px) and (max-width: 959px) { 

   /* Container */ 
   .container-12 { width: 768px; margin: 0 auto; } 

   /* Global */ 
   [class*="grid-"] { float: left; display: inline; margin-left: 10px; margin-right: 10px; } 
   .group:before, .group:after { content: ""; display: table; line-height: 0; } 
   .group:after { clear: both; } 

   /* Nested elements */ 
   .alpha { margin-left: 0px; } 
   .omega { margin-right: 0px; } 

   /* Grids */ 
   .container-12 .grid-1 {  width: 44px; }
   .container-12 .grid-2 {  width: 108px; }
   .container-12 .grid-3 {  width: 172px; }
   .container-12 .grid-4 {  width: 236px; }
   .container-12 .grid-5 {  width: 300px; }
   .container-12 .grid-6 {  width: 364px; }
   .container-12 .grid-7 {  width: 428px; }
   .container-12 .grid-8 {  width: 492px; }
   .container-12 .grid-9 {  width: 556px; }
   .container-12 .grid-10 {  width: 620px; }
   .container-12 .grid-11 {  width: 684px; }
   .container-12 .grid-12 {  width: 748px; }

   /* Offset Extra Space */ 
   .container-12 .offset-1 { padding-left: 64px; }
   .container-12 .offset-2 { padding-left: 128px; }
   .container-12 .offset-3 { padding-left: 192px; }
   .container-12 .offset-4 { padding-left: 256px; }
   .container-12 .offset-5 { padding-left: 320px; }
   .container-12 .offset-6 { padding-left: 384px; }
   .container-12 .offset-7 { padding-left: 448px; }
   .container-12 .offset-8 { padding-left: 512px; }
   .container-12 .offset-9 { padding-left: 576px; }
   .container-12 .offset-10 { padding-left: 640px; }
   .container-12 .offset-11 { padding-left: 704px; }
   
   
   .pricetext{ min-height:180px;}
   .pricetext1{ min-height:180px;}
   .pricetext2{ min-height:180px;}
   .pricetext3{ min-height:180px;}
   .pricetext_2{ min-height:440px;}
   .pricetext1_1{ min-height:440px;}
   .pricetext2_1{ min-height:440px;}
   .pricetext3_1{ min-height:440px;}
   .pricetext_1{ min-height:74px}
   .pricetext1_2{ min-height:74px}
   .pricetext2_2{ min-height:74px}
   .pricetext3_2{ min-height:74px}
   .reco4 {width: 11%;}
   .reco3 samp{ margin:0 27px 0 -50px;}
   .reco4 samp{ margin:0 23px 0 -50px;}
   .extra{padding: 0 0 0 8px;    width: 99%;}
   .tier1{ width:24%;}
   .price_inn1{ width:184px;}
   	.moreinfo{ padding:0; width:100%;}
	.moreinfo h2{ font-size:18px;}
	.questions{ width:100%;}
	.qua_inn{ padding:0;}
	.nxtbut{ width:90%;}
	.qua_inn h2{ font-size:17px;}
	.foot_ct li a{ font-size:12px;}
	footer p{ font-size:12px;}
	.aply{ width:100%; margin:0 0 5PX 0;}
	.top_menu{ margin:20px 0 0;}
	.nav li{ padding:0 7px 0 0;}
	.nav a{ font-size:12px;}
   
   }

/* ==========================================================================
   Mobile 
   ========================================================================== */

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

   body { padding-left:10px; padding-right: 10px; }

   /* Container */
   .container-12 { width: auto; }

   /* Global */
   [class*="grid-"] { display: block; margin-left: 0px; margin-right: 0px; }

   /* Nested Elements */
   .alpha { margin-left: 0px; }
   .omega { margin-right: 0px; }

   /* Grids */
   .container-12 .grid-1,
   .container-12 .grid-2,
   .container-12 .grid-3,
   .container-12 .grid-4,
   .container-12 .grid-5,
   .container-12 .grid-6,
   .container-12 .grid-7,
   .container-12 .grid-8,
   .container-12 .grid-9,
   .container-12 .grid-10,
   .container-12 .grid-11,
   .container-12 .grid-12 { width: 100%; }

   /* Offset Extra Space */
   .container-12 .offset-1, 
   .container-12 .offset-2, 
   .container-12 .offset-3, 
   .container-12 .offset-4, 
   .container-12 .offset-5, 
   .container-12 .offset-6, 
   .container-12 .offset-7, 
   .container-12 .offset-8, 
   .container-12 .offset-9, 
   .container-12 .offset-10, 
   .container-12 .offset-11 { padding-left: 0; }
   .banner{ margin:8px 0 0; padding:0; min-height:inherit;}
   .phone h2{ margin:0px; padding:0;}
	.logo{ text-align:center;}
	.phone{ text-align:center;}
   .enquir{ margin:0;}
   .nid{ margin:30px 0; width:93%;}
   .nid h2{ font-size:16px;}
   .benefits h2{ font-size:20px;}
   .choose{ width:93%; padding:10px;}
   .client{ width:93%; padding:10px;}
   .client h2{ font-size:23px;}
   .client_inn p{ font-size:14px;}
   footer{ text-align:center;}
   footer li{ display:inline; float:none;}
   footer ul{ text-align:center;}
   .next{ margin:30px 0 0; text-align:center;}
   .next a{ float:none;}
   
   
   .autho h2{ text-align:center; font-size:20px;}
   .autho p{ text-align:center; font-size:12px;}
   .step{ width:90%;}
   .indi{ width:98%;}
   .step p{ text-align:center; font-size:13px;}
   .step li{ margin:4px 0; width:100%;}
   .autho li{ margin:7px 9px;}
   .indi h4{ width:94%;font: 13px "PT Sans";}
   .indi_inn{ width:93%;}
   .tire li{ width:100%; margin:0;}
   .tire3ft{margin: 9px 0 !important; width: 100% !important;}
   .tire3 ul li{ width:100%; margin:9px 0;}
   .tirepd li{ width:100%; margin: 10px 0 !important;}
   .tirepd span{ width:100%; padding:0; margin:0;}
   .tirepd li input{ width:100%; margin:0 !important; padding:0 !important;}
   .tirepd3 li{ width:100%;margin: 8px 0 !important;}
   .tirepddriver{ width:100% !important;}
   .tripdhome{ width:100% !important;}
   .tirepd4 li{ width:100%;margin: 8px 0 !important;}
   .tirepdresi{ width:100% !important;}
   .tripdadd{ width:100% !important;}
   .tirepddriver input{ width:27% !important;}
   .tire_2 li{ width:100%; margin: 8px 0;}
   .tire_2 span{ font: 12px "PT Sans";}
   .tire_2_3 span{ font: 12px "PT Sans";}
   .tire_2 li input{width: 47%;}
   .tire_2_3 li input{ width:100%;}
   .tire_4_1 li{ width:100%; margin:0;}
   footer p{ text-align:center;}
   .tire_3_1{ width:100%;}
	.tire6_2{ width:100% !important;}
	.tire2 p span{ margin:2px;}
	.tire6_3{ width:100% !important; margin:0 !important;}
	.tire6_5 li{ width:35%;}
	.tire6_6 li{ margin: 0 10px 0 0; width: 45%;}
	.price_inn{ width:100%;}
	.price_inn1{ width:100%;}
	.pricetext_1{ border-bottom:1px solid #3b3b3b; margin:0; min-height:auto;}
	.pricetext1_2{ border-bottom:1px solid #3b3b3b; margin:0 0 50px 0;}
	.pricetext2_2{ border-bottom:1px solid #3b3b3b; margin:0 0 50px 0;}
	.pricetext1_1 ul{ width:57%; margin:0 0 0 50px; float:left;}
	.pricetext2_1 ul{ width:47%;}
	.pricetext3_1 ul{ width:51%;}
	.pricetext ul li{ padding:0 0 20px 0 ;}
	
	.tier1{ width:49%; margin:0;}
	.tier2{ width:49%;}
	.tier3{ width:49%;}
	.tier4{ width:49%;}
	.qual1{ width:98%; border:none; font-size:13px;}
	.qual2, .qual3, .qual4, .qual5 {border:none; display:none;}
	.reco1{ width:35%;}
	.reco1 h3{ font-size:10px; font-weight:normal;}
	.reco4 samp{ margin:0;}
	.reco3 samp{ margin:0;}
	.reco2 samp{ margin:0;}
	.reco3{ width:15%;}
	.authout p{ font:10px "PT Sans";}
	.reco2{ width:15%; }
	.pricetext_2, .pricetext{ min-height:auto;}
	.qua-bg{ min-height:250px;}
	.qua_inn{ padding:0; width:100%;}
	.questions{ width:100%;}
	.ques{ width:100%;}
	.qua_inn h2{ font-size:14px; text-align:center;}
	.yes{ width:90%;}
	.yesno{ width:100%;}
	.yesno ul{ text-align:center;}
	.yesno li{ float:none; display:inline;}
	.nxtbut{ text-align:center; margin:15px 0 0;}
	.nxtbut span{ float:none;}
	.moreinfo{ padding:0;}
	.moreinfo h2{ font-size:18px;}
	.pdf{ text-align:center;}
	.pdf > img{ float:none;}
	.bgllogo {    float: left;    margin: 21px 0 0;   padding: 0;    text-align: center;    width: 100%;}
.top_menu {    float: left;    margin:15px 0 0;    padding: 0;   width: 100%;}
.aply {    color: #333;    float: left;    font: bold 33px open sans;    margin: 20px 0 0;    padding: 0;    text-align: center;    width: 100%;}
.phone {    text-align: center;    width: 100%;}
.logo {    text-align: center;	margin:0;}
.sumitappl {    float: left;    margin: 20px 0 0;    padding: 0;    width: 100%;}	
.nav{ background:#666; margin:1px 0 0; padding:10px; width:93%;}
.nav a{ color:#fff;}
.nav li{ padding:5px 0;}
.choose h2{ font-size:22px;}
.provide li{ font-size:14px;}
.choose_lt p{ font-size:14px;}
.provide_bot li{ font-size:15px;}
.range_top a{ padding:18px 0;}
.range_top .active{ padding:18px 0;}
.qua{ background:#fff; padding:10px 0;}
.applynow_lt{ width:100%;}
.applynow_rt{ width:100%; border:none; float:left;}
.step ul{ width:100%;}
.tirepd1 li select{ width:83%;}
   }
   
 

@media only screen and (min-width: 1920px) {
.questions{ width:50%;}
}