/*** MEDIA QUERIES ***/

@media screen and (max-width: 1900px) {
    
	.bgTyres { padding: 40px 42% 80px 16%; }
	.campaign { padding: 40px 36% 100px 25%; }
    
}

@media screen and (max-width: 1600px) {
    
	.campaign { padding: 40px 35% 80px 18.7%; }
    
}

@media screen and (max-width: 1440px) {
    
	.linkContainer { width: 95%; }
	.header { width: 95%; }
	.bgNews { padding: 60px 16% 120px; }
	.campaign { padding: 40px 35% 80px 17%; }
	.bgProduct { padding: 60px 15% 120px; }
	.bgTyres { padding: 40px 40% 80px 16%; }
	.bgEbay { padding: 40px 40% 80px 16%; }
    
}

@media screen and (max-width: 1400px) {
    
    .bgHome { padding: 100px 17% 160px; }
    .bgGeneric { padding: 60px 20% 100px; }
	.bgProduct { padding: 60px 20% 120px; }
	.campaign { padding: 60px 5% 120px; }
	.bgNews { padding: 60px 16% 120px; }
	.bgFashion { padding: 60px 12% 100px; }
	.bgTyres { padding: 60px 32% 100px 9%; }
    .strapline { font-size: 36px; line-height: 42px; }
    .headline { font-size: 20px; line-height: 32px; }
    /*.stageWrapper { width: 94%; padding: 50px 3% 0px; }*/
    /*.partnerWrapper { width: 94%; padding: 0px 3% 0px; }*/
    .pagePricingContainer { width: 100%; padding: 50px 0% 60px; }
	.pagePricingContainer { width: 94%; padding: 50px 10px 60px; }
    .footerContainer { padding: 30px 2%; width: 96%; }
    .copyrightTxt { padding: 20px 2%; width: 96%; }
    .footFull { width: 30%; }
    
    .langMob {
        display: inline-block !important;
        margin: 0px 0px 15px 0px !important;
    }
}

@media screen and (max-width: 1150px) {
    /* Add navbar css here when fixed */
    .sponsorContainer { width: 99%; padding: 50px 0% 60px; }
    
    .topnav a.icon {
        float: right;
        display: block;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 10px 15px;
		background-color: #fff;
    }
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
    }
    .topnav.responsive {
        /*position: absolute;*/
        background-color: #fff;
        /**/width: 100%;
        padding-top: 20px;
		z-index: 201;
    }
    .topnav.responsive .icon {
        position: absolute;
        right: 10px;
        top: 20px;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav.responsive .dropdown { float: none; }
    .topnav.responsive .dropdown-content {
		position: relative;
		margin-top: 0px;
		/*display: block;*/  /*To show open dropdown children*/
	}
	.topnav.responsive .dropdown-content a::before {
		position: relative;
		/**/margin-top: 0px;
		padding-right: 8px;
		content: "➜";
		font-size: 8px;
	}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }
	.topNavLogin {
        margin: 20px 10px;
        padding: 4px 13px !important;
    }
    a.hamburger {
        display: block;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 10px 15px;
        background-color: #fff;
    }
}

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

	/*.linkContainer { width: 95%; }*/
	.header { width: 95%; }
    .topnav a {
        padding: 10px 6px;
        font-size: 14px;
        font-weight: 600;
    }
    .dropdown .dropbtn {
        font-size: 14px;
        font-weight: 600;
        padding: 14px 6px;
    }
	.topnav a.active {
		color: #2A3F54;
		padding-bottom: 8px !important;
		border-bottom: none;
	}
    .bgHome { padding: 50px 10% 120px; }
    .bgGeneric { padding: 60px 10% 100px; }
	.bgProduct { padding: 60px 10% 100px; }
	.bgTyres { padding: 40px 28% 80px 9%; }
    .col4 { width: 23%; }
    .col50Left { width: 48%; margin-right: 30px; }
    .col50Right { width: 46.6%; }
    .colMainLeft { width: 65%; margin-right: 30px; }
    .colMainRight { width: 30%; }
	.colToolLeft { width: 58%; margin-right: 0px; }
	.colToolRight { width: 30%; }
	.table-pricing { overflow: scroll; overflow: auto; display: block; width: 100%; }
	.pricingTableContainer { width: 93%; }
	.splashWrapper { width: 90%; padding: 0px 10px 0px; }
	.colFeatRight { width: 55%; }
	.table-pricing th { width: 464px; }
	
	.stageWrapper { padding: 50px 20px 60px; }
	.pageContainer { padding: 50px 20px 60px; }
	
	.megamenu-languages .dropdown.megamenu-section-wrap {
        margin: 0px;
        padding: 0px;
    }
}

@media screen and (max-width: 980px) {
    
    /*.linkContainer { padding: 4px 2%; width: 96%; }*/
    .header { padding: 15px 2%; width: 96%; }
    .footerContainer { padding: 30px 2%; width: 96%; }
    .copyrightTxt { padding: 20px 2%; width: 96%; }
    .brandLogo { width: 20%; }
    .topnav { padding-top: 5px; }
    .topnav a {
        padding: 9px 6px;
        font-size: 12px;
        font-weight: 600;
    }
    .dropdown .dropbtn {
        font-size: 12px;
        font-weight: 600;
        padding: 14px 6px;
    }
    .topNavLogin {
        margin: 5px 0px 0px 8px;
        padding: 4px 13px !important;
    }
    .bgHome { padding: 50px 15px 130px; }
    .bgGeneric { padding: 60px 15px 120px; }
	.bgProduct { padding: 30px 15px 120px; }
	.bgNews { padding: 60px 15px 120px; text-align: center; }
	.bgOpti { padding: 60px 15px 120px; }
	.bgPartners { padding: 60px 15px 120px; }
	.bgPricing { padding: 60px 15px 120px; }
	.bgTyres { padding: 40px 24% 80px 4%; }
    .stageWrapper { width: 94%; padding: 50px 3% 0px; }
	.vidWrapSection { width: 100%; padding: 0px 0px; margin-top: 10px; }
    .vidContLine { display: none; }
    .partnerWrapper { width: 94%; padding: 0px 3% 0px; }
    .pageContainer { width: 94%; padding: 50px 3% 60px; }
	/*.sponsorContainer { width: 99%; padding: 50px 0% 60px; }*/
	.pagePricingContainer { width: 100%; padding: 50px 0% 60px; }
	.colFeatLeft { width: 40%; }
	.colFeatRight { width: 46.2%; }
	.featurette { width: 42%; padding: 0px 20px 30px 0px; }
	label { width: 22%; }
    
    .imgMob { width: 100% !important; margin-left: 0 !important; }
}

@media screen and (max-width: 850px) {
    
    .topnav { padding-top: 5px; }
    .topnav a {
        padding: 8px 6px;
        font-size: 13px;
        font-weight: 600;
    }
	.topnav a.active {
		color: #2A3F54;
	}
    .dropdown .dropbtn {
        font-size: 13px;
        font-weight: 600;
        padding: 14px 6px;
    }
    .icoSize { font-size: 10px; }
    .footerCol { width: 20%; }
    .footFull { width: 30%; }
	.blogHolder { display: none; }
	.col3 { width: 29.3%; }
	.fourEasySteps { margin: 20px 0px; }
	.infoLogin { width: 54%; }
	.planSignup { width: 90%; }
	.table-pricing { overflow: scroll; overflow: auto; display: block; width: 100%; }
	.bgTyres { padding: 40px 0% 80px 3%; }
	label { width: 23%; }
    
    .colTest { width: 100%; }
}

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

    
    
    /*.dropdown.megamenu-section-wrap {
        margin: -21px 0px 0px 400px !important;
        padding: 5px !important;
    }*/
    
    /*.megamenu-languages .dropdown.megamenu-section-wrap { padding: 4px !important; margin-left: -10px !important;}*/
	
	
    .strapline { font-size: 30px; line-height: 34px; }
    .headline { font-size: 18px; line-height: 30px; }
    .col50Left { width: 45%; margin-right: 30px; }
    .col50Right { width: 45%; }
    .colMainLeft { width: 60%; margin-right: 30px; }
    .colMainRight { width: 30%; }
	.colToolLeft { width: 58%; margin-right: 0px; }
	.colToolRight { width: 30%; }
	.bgTyres { padding: 40px 12% 80px 4%; }
    .buttonSpace { margin: 0px 0px 10px; display: inline-block; }
	.tooltip .tooltiptext { width: 230px !important; } /*iOS screenfix*/
    .logo-brandAF { width: 100%; }
    .heroInnerAF { width: 100%; }
    .pageWrapper { width: 100%; }
	.long-formWrapper { width: 100%; }
	.table-pricing th { width: 362px; }
	
	label { width: 22%; }
    
    /*.langMob { width: revert !important; float: none !important; padding-left: revert !important; }*/
    /*.linkContainer {
        padding: 4px 3% !important;
        width: 103% !important;
    }
    .megamenu-section-wrap .dropdown-content a{ white-space: nowrap; font-size: 12px; padding: 8px 10px;}
    /*.megamenu-languages .dropdown.megamenu-section-wrap {
        margin: -36px -20px -20px 440px !important;
        padding: 20px !important;
    }*/
    
    .imgMob { width: 100% !important; margin-left: 0 !important; }
    #techIntegration.col50Margin { margin-right: 0px; width: 90% !important; text-align: center; margin-bottom: 45px; }
    
    /*.navLinks a { margin-right: 80px !important; }*/

    /*.megamenu-languages .dropdown.megamenu-section-wrap { padding: 0px 30px 0px 0px !important; margin: -4px auto -5px !important;}*/
}

@media screen and (max-width: 650px) {
    
    .topNavLogin { margin: 20px 10px; text-align: center !important; }
    .footerCol { width: 30%; }
    .footFull { width: 100%; margin-bottom: 30px; }
    .footerWrapper { float: left; width: 100%; }
    .copyrightWrapper { clear: both; }
	.bgTyres { padding: 40px 15% 80px 5%; }
	.buttonSpace { margin: 0px 0px 10px; display: inline-block; }
	.planTabPad { margin: 0px 10px 0px 0px; } /*Plan Tabs*/
	.plan-content { padding: 20px 0px 0px; } /*Plan Tabs*/
	.plan label { padding: 0px 0px; } /*Plan Tabs*/
	.planHide { display: none; } /*Plan Tabs*/
	.introTitle { font-size: 14px; } /*Plan Tabs*/
	.bundleHead { padding: 15px 2px !important; font-size: 8px; min-height: 40px; } /*Plan Tabs*/
	.wordProd { font-size: 40px; }
    #homePageVideo { width: 100%; }
    /*.toolBoxHome { width: 100%; }*/
    .boxRow { display: inline-block !important; width: 100%; }
    .boxRow .col4 { width: 100%; text-align: center; }
    .colStat { width: 100%; padding: 0px; margin-bottom: 40px; text-align: center; }
    .lineDiv { display: none; }
    
}

@media screen and (max-width: 414px) {
    
    .brandLogo { width: 70%; }
    /*.linkContainer { padding: 4px 3% !important; width: 65% !important; }*/
    .navLinks { text-align: center; }
    .navLinks li { padding-left: 0px; margin: 0px 8px; font-size: 12px; }
    .navLinks a { color: #607B00; text-decoration: none; margin: 0px -150px 0px 0px;}
    .header { padding: 15px 3%; width: 94%; }
    .footerCol { width: 49%; padding-right: 0%; padding-bottom: 30px; text-align: center; }
    .footFull { width: 100%; margin-bottom: 20px; }
    .copyrightTxt { font-size: 14px; padding: 20px 3%; width: 94%; text-align: center; }
    .footerBullets a { font-size: 14px; line-height: 24px; }
    .footBulletHead { padding-bottom: 0px; }
    .message { font-size: 21px; line-height: 28px; font-weight: 600; text-align: center; }
    .hero { background: #ecedef; }
	.heroLanding { background: #ecedef; }
    .bgHome { padding: 50px 15px 130px; }
    .bgCompany { padding: 50px 15px 130px; }
    .bgNews { padding: 50px 15px 130px; }
	.bgTyres { padding: 40px 8% 80px; }
	.heroProdLeft { width: 100%; text-align: center; }
	.heroProdRight { width: 100%; text-align: center; padding: 20px 0px; }
    .col4 { width: 100%; text-align: center; }
    .col3 { width: 100%; text-align: center; margin-right: 0px; }
    .blogHolder { width: 87%; }
    .blogHolderMessage { font-size: 16px; padding-bottom: 20px; line-height: 28px; }
    .boxTool { min-height: auto; }
	.blogTool { min-height: auto; }
    .col50Left { width: 100%; margin-right: 0px; text-align: center; }
    .col50Right { width: 100%; text-align: center; margin-left: 0px; }
    .colMainLeft { width: 100%; margin-right: 0px; }
    .colMainRight { width: 100%; }
	.colToolLeft { width: 90%; margin-right: 0px; }
	.colToolRight { width: 90%; }
    .icoTab { padding-right: 0px; }
	.colFeatLeft { width: 100%; margin-right: 0px; }
	.colFeatRight { width: 100%; }
	.featurette { width: 41%; padding: 0px 20px 30px 0px; }
    /*.inputStyle { width: 92%; }*/
    .floatLeft { width: 100%; }
    .floatRight { float: none; }
    .colTeam img { width: 100%; }
	.topnav a:active { color: #2A3F54; }
	.ytWide { width: auto !important; }
	.bundleBullets { min-height: 0px; }
	.infoLogin { padding: 0px; width: 77%; box-shadow: none; }
	.txtAlignRight { text-align: center; }
	.loginButFull { padding: 8px 42%; }
	.bullService { margin-left: 50px; margin-right: 0px; }
	.partnerWrapper { width: 77%; padding: 0px 10% 0px; margin: 0px 0px; }
	.sponsorContainer { display: none; }
	.partner-form { width: 100%; }
	.pricingTableContainer { width: 93%; }
	.buttonSpace { margin: 0px 0px 10px; display: inline-block; }
	.planTabPad { margin: 0px 10px 0px 0px; } /*Plan Tabs*/
	.plan-content { padding: 20px 0px 0px; } /*Plan Tabs*/
	.plan label { padding: 0px 0px; } /*Plan Tabs*/
	.planMob { width: 22%; } /*Plan Tabs*/
	.planHide { display: none; } /*Plan Tabs*/
	.introTitle { font-size: 12px; font-weight: 600; } /*Plan Tabs*/
    .bundleHead { padding: 15px 2px !important; min-height: 40px; } /*Plan Tabs*/
	
	.tooltip .tooltiptext { width: 210px !important; } /*iOS screenfix*/
    .logo-brandAF { width: 100%; }
    .heroInnerAF { width: 100%; }
    .pageWrapper { width: 100%; }
    .introContainer { padding: 80px 20px 80px; }
    .heroMessageInner { padding: 40px 20px 40px; }
    .logoPos { padding-left: 20px; }
    .servicesContainer { padding: 80px 20px; }
    .tileTxtPara { width: 100%; padding: 0px; }
    .campLine { width: 100%; }
    .bundleSpacing { padding: 0px; }
    .tecDoc { background-size: auto; }
	.verticals { padding: 30px 10px 20px 10px !important; }
	.videoWrapper { padding-bottom: 20px; }
	.long-formWrapper { width: 86%; }
	.long-form-content-highlight { width: 80%; }
	.long-form-content-footer { width: 80%; }
	
	.col50Margin { margin-right: 0px; width: 90% !important; }
	.vidLP { width: 100%; }
	.testLPL { width: 100%; text-align: center; padding-right: 0px; }
	.testLPR { width: 100%; }
	
	/*.boxRow { display: inline-block !important; width: 100%; }*/
	.integrationStacks { padding: 60px 0 0; }
	.text { width: 84% !important; margin: auto 8% !important; }
	/*.langMob { width: 100% !important; float: none !important; padding-left: 250px !important;}*/
	
	
	/*.navLinks a { margin-right: -70px !important; }
	/*.imgSized {
        margin-left: -765px;
        width: 300%;
    }*/
    
    /*.main-menu { margin-left: -45px !important; }*/
}

@media screen and (max-width: 375px) {
    
	.infoLogin { width: 85%; }
	.planMob { width: 22%; } /*Plan Tabs*/
	.colTest { width: 100% !important; }
	
    .campaignHC { width: 94% !important; padding: 50px 3% 140px; }
	.colHCLeft { width: 48% !important; padding: 0px 0px 0px; }
	.colHCRight { width: 100% !important; padding: 0px 0px 0px; }
	
}

@media screen and (max-width: 320px) {
    
	.infoLogin { width: 100%; }
	.tooltip .tooltiptext { width: 190px !important; } /*iOS screenfix*/
	.colTest { width: 100% !important; }
	/*Test*/

}