/*--------- iPad Landscape and Desktops ---------*/
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1024px) {
#iframe.product-request-form iframe {height:1400px;}

}
@media all and (max-width: 1024px) {
#SearchbuttonRP {
padding-left:0px;
}
}
 @media all and (min-width: 992px) {
}
 @media all and (max-width: 991px) {
.logo a {
padding: 15px 10px 15px 10px;
}
.logo>img {
padding: 15px 10px 15px 10px;
}
#topnavigation ul li span {
padding-left:2px;
padding-right:2px;
}
#topnavigation ul li#ip3-menu-syndicate-382-at-lloyds span {width:110px;}
#topnavigation ul li#ip3-menu-news-and-insight span {width:70px;}
#topnavigation ul li#ip3-menu-document-library span { width:83px; padding-left:5px;}
#searchTextboxContainer {
width: 78%;
}
#searchbox > div >div#SearchButtonContainer {
width: 20%;
float:right;
}
.home-title {
font-size: 1.7em;
}
#leftcol {
padding-left: 0px;
}
.home-left-col {
padding-top: 90px;
padding-left: 6px;
padding-right: 98px;
}
.home-left-menu {
top: 85px;
}
.home-banner-text-container {
margin: 0px 10px 0 117px;
}
.home-banner-text-container {
bottom: 57px;
}
.home-banner img {
max-width:none;
}
#BannerContainer {
overflow:hidden;
}
.has-language-version .language-version-container {
position:relative;
top:0px;
right:0px;
padding-top: 20px;
}
	 
.language-version-inner {
float: right;
}
}
 @media all and (max-width: 934px) {
.page-title {
padding: 18px 15px 36px;
}
#topnavigation ul li.level1 {
font-size:0.9em;
}
#searchTextboxContainer input {
font-size:0.9em;
}
}
@media all and (max-width: 870px) {
.home-title {
font-size: 1.5em;
}
.country-button-container {
width: 24%;
}
.page-title {
padding: 18px 10px 36px;
}
.countries {
padding-left: 10px;
}
}
 @media all and (max-width: 827px) {
.logo a {
padding: 15px 5px 15px 5px;
}
.logo>img {
padding: 15px 5px 15px 5px;
}
#topnavigation ul li.level1 {
padding-right:0px;
}
}
/*--------- iPad Portrait and large Tablets Portrait ---------*/
@media all and (min-width: 768px) and (max-width: 991px) {
body.ip3-contacts .snapdown-tabs-item {margin-right: 5px;font-size: 0.74em;}
body.ip3-news-and-insight .snapdown-tabs-item {margin-right: 2px;width: 18%;line-height: 18px;}
.home-content {
padding-bottom: 10px;
}
body.ip3-insights .snapdown-tabs-outer {position: unset;top: 40px;}
body.ip3-insights .global-contact-wrap {margin-bottom: 0;position: unset;}
body.ip3-insights h1 {position: unset;}
}
@media all and (min-width: 768px) {
.snapdown-tabs-container {
display:block !important;
}
}


/*--------- All Small Tablets and Large Phones Global CSS ---------*/
@media all and (max-width: 767px) {
body.ip3-insights h1 {top: 20px;}
body.ip3-insights .global-contact-wrap {top: 20px;}
	
body.ip3-insights .snapdown-tabs-outer {top: 20px;}
.logo {
width: 100%;
}
.logo {
position: relative;
}
#toplinks {
width:100px;
}
#headerwrapper {
background: #fff;
}
.logo:after {
display:none;
}
.logo a {
padding: 18px 5px 18px 14px;
}
.logo>img {
padding: 18px 5px 18px 14px;
}
.home-left-col {
padding-left:20px;
padding-right:20px;
padding-bottom: 34px;
padding-top: 30px;
}
.home-left-container {
text-align: center;
}
.home-dropdown-bottom-content {
float:none;
}
.or-container, .home-dropdown {
text-align: left;
}
.main-content {
padding: 15px 14px 20px;
}
.page-title:after {
content:none;
}
#breadcrumb {
padding-left:20px;
}
/*#footerwrapper{position:relative !important;width:auto !important;}
body{position:relative !important;padding-bottom:0px !important;}*/
/*------------ Global Contacts starts -------------*/
.global-contact-left {
padding-bottom: 20px;
}
.contact-nav li {
float: left;
width: 50%;
}
/*------------ Global Contacts ends -------------*/

/*---------- About us landing starts -----------*/
.inner-content-right {
padding:0;
}
.share-dropdown ul li.facebook-share a:before {/*background-position:-69px 0px;*/
height:20px;
top:50%;
margin-top:-10px;
}
.share-dropdown ul li.twitter-share a:before {
background-position:-150px 1px;
height:20px;
top:50%;
margin-top:-10px;
}
.share-dropdown ul li.linkedin-share a:before {/*background-position:-24px -50px;*/
width:20px;
height:20px;
top:50%;
margin-top:-10px;
}
.share-dropdown ul li.mail-share a:before {
background-position:-50px -47px;
height:20px;
top:50%;
margin-top:-10px;
}
.landing-content {
position:static;
padding:0;
}
.share-wrap {
position: relative;
padding-bottom: 70px;;
z-index:0;
}
#contentwrapper .share-dropdown ul {
float: left;
width: 100%;
padding-top:0;
border-top:2px solid #e8e8e8;
}
#contentwrapper .share-dropdown ul li {
float: left;
width: 25%;
}
.share-dropdown ul li a {
padding: 15px 0px;
}
.share-icon {
display:none;
}
.share-dropdown {
display:block;
padding:0 6px;
width:auto;
left:auto;
box-shadow: none;
}
.landing-content .social-media-share-container {
width:100%;
height: auto;
top: initial;
bottom: 0;
}
.social-media-share-container {
width:100%;
bottom:0px;
top:auto;
right:0px;
height:auto;
}
/*#footerlinks ul li{width:100%;padding:0px;}*/
.footer-bottom-links ul li {
border:0px;
}
#footerlinks ul {
width:100%
}
#footerlinks {
padding-left:0px;
}
.snapdown-tabs-item {
width:100%;
margin-right:0px;
border:0px;
padding:5px 15px;
color:#fff;
}
.snapdown-tabs-container {
background:#c6c5c5;
margin-top:0px;
margin-bottom:0px;
display:none;
position: absolute;
width:100%;
z-index:1;
}
.snapdown-tabs-item.active, .snapdown-tabs-item:hover {
color:#fff;
border:0px;
}
.snapdown-tabs-item.active, .snapdown-tabs-outer.menu-tabs .snapdown-tabs-item.current {
display:none;
}
.snapdown-tabs-selected {
display:block;
}
 .snapdown-tabs-content-container {
padding-top:20px;
}
.top-content .wrapper, .country-button-container {
display:none;
}
.countries {
width:100%;
padding-left:14px;
padding-right:14px;
}
.top-content {
background:#3A6D8E;
}
#country-search {
margin-top: 22px;
margin-bottom: 8px;
}
#toplinks {
height:auto;
}
#bannerwrapper {
display:none;
}
.top-content {
position:relative;
}
.top-content:after {
content: '';
width: 0;
top: 100%;
height: 0;
border: 14px solid transparent;
border-bottom-color: #3A6D8E;
position: relative;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
position: absolute;
left:50%;
margin-left:-7px;
z-index: 5;
}
.dropdown-countries .home-dropdown {
text-align: center;
}
.dropdown-countries .home-dropdown-selected:after {
/*display:none;*/
}
.has-language-version .social-media-share-container {
top: auto;
}
#tabs ul {
display:none !important;
}
#tabsDD {
display: inline-block !important;
}
#tabs.sectionTabs span.select {
display: block !important;
width: 100% !important;
top: 8px;
}
.key-contacts-content {
float:left;
width:50%;
margin-bottom:20px;
}
.key-contacts-content.signpost-content .rad-header {
padding-top:0px;
}
#contentwrapper {
padding-bottom: 0px;
}
.key-contacts-content {
margin-top:0px;
}
.has-language-version .language-version-container {
padding-top: 20px;
position: relative;
right:auto;
top:auto;
display: block;
}
.language-version-switcher {
margin-top:10px;
}
.language-version-inner {
float:right;
}
.snapdown-tabs-outer {
padding-right:0px;
}
.tabs-news-insights .snapdown-tabs-item a {
padding:0 0 6px;
}
#footerlinks ul li a {
padding: 6px 0px;
}
.document-list-container, .document-library-category-header {
width: 100%;
}
.document-title {
padding-left:20px;
}
.snapdown-bottom-tabs-container {
position:relative;
}
.snapdown-tabs-container-inner {
position:relative;
}
table.searchTable {
width: 100%;
word-break: break-all;
}
body#ip3-press-contacts .cont-desc-wrapper {width:100%;}
}
 @media all and (max-width: 640px) {
/*------------ Global Contacts starts -------------*/
.contact-nav li, .contact-person, .signpost-item {
width: 100%;
}
.new-main-content{float:none;}
/*------------ Global Contacts ends -------------*/
.products-landing-content ul li {
float:none;
width:100%;
padding-right: 0px;
}
.sitesearchpagination ul li {
margin: 0px 9px 0px 0px;
}
.key-contacts-content {
width:100%;
}
.document-item-icon {
width: 25%;
}
.document-title {
padding-left:20px;
width: 60%;
}
}
 @media all and (max-width: 320px) {
#MainWrapper {
width:320px
} /* Excluding Gutter space from 320 width */
}


/*---for retina display--------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and ( min--moz-device-pixel-ratio: 1.5),  only screen and ( -o-min-device-pixel-ratio: 3/2),  only screen and ( min-device-pixel-ratio: 1.5) {


/*------------- Sprite starts ---------*/
.cont-email:before, .linkedin:before, .signpost-content a[href^='mailto']:before, .share-icon:before, .social-share a:before, #SearchButtonContainer input, #SearchbuttonRP, .language-flag, .document-item-icon a:after {
background-image:url("/~/media/Images/C/CNA-Hardy/css/sprite-mob");
background-size:350px auto;
}
/*------------- Sprite Ends ---------*/


        
        }
@media screen and (max-device-width: 480px) {
 body {
 -webkit-text-size-adjust: none;
}
}

/*IPad/IPad mini portrait mode:*/
@media all and (min-width: 721px) and (max-width: 840px) {
body#ip3-our-leadership .img-thumbnail {
height: auto !important;
}

}
@media all and (max-width: 840px) {
#iframe.product-request-form iframe {height:1650px;}
}
@media all and (max-width: 767px) {
	.txtbtm1 { display:block !important;}
}

@media all and (min-width: 681px) and (max-width: 767px) {
#iframe.product-request-form iframe {height:1430px;}

}

@media all and (max-width: 736px) {
body#ip3-our-leadership .img-thumbnail {height: auto !important;}
.ip3-contacts .snapdown-tabs-item {width: 100%;}
}

@media all and (max-width: 560px) {
#iframe.product-request-form iframe {height:1720px;}
.checkboxes label {width:270px !important;}


}

/*WO#252430*/
@media all and (max-width: 414px) {
	body#ip3-global .risk-control-snapdown-bottom.document-library-snapdown-bottom { width:100% !important; }
	body#ip3-global .document-title { width:60% !important;}
	body#ip3-global ..document-item-icon { width:40% !important;}
}
/*END WO#252430*/


/*IPad/IPad mini portrait mode:*/
@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{
.mobi-menu-container {top: 41px;z-index: 11;}
.burger-menu-container {padding-top: 10px;}
 }

@media all and (max-width: 736px) {
#orderLiteratureWebform .checkBoxListData .contact-right {width: 16%;}
#orderLiteratureWebform .checkBoxListData .contact-left {width: 84%;}
.ip3-privacy .snapdown-tabs-container{z-index:9999;}
.ip3-privacy .has-language-version .language-version-container {top:58px;}
.ip3-privacy .no-left-pad {margin-top: 60px;}
span#body_0_main_1_ctl10_ctl07 {position: static;margin-left: 0;margin-top:0;}
span#agreeText {float: left; width: 100%;}
body#ip3-cnaexcess .errormsg {padding:0px;}
}

/*IPad/IPad mini portrait mode:*/
@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{
#orderLiteratureWebform .checkBoxListData .contact-left { width: 60%;}
.ip3-privacy .has-language-version .language-version-container {top: 47px;}
span#agreeText {width: 100%;float: left;}
span#body_0_main_1_ctl10_ctl07 {position: static;margin-left: 0;margin-top:0;}
}

@media all and (max-width: 414px) {
body#ip3-cnaexcess .diFrom, body#ip3-cnaexcess .diTo {width:100%;float: left;margin-bottom:20px;}
body#ip3-cnaexcess .diFrom .unitText, body#ip3-cnaexcess .diTo .unitText {width:30%;}
body#ip3-cnaexcess #txtTo, body#ip3-cnaexcess #txtFrom {width: 52%;}
body#ip3-cnaexcess .errormsg {position: relative;}
body#ip3-cnaexcess .contact-left {height: inherit;}
body#ip3-cnaexcess #txtTo, body#ip3-cnaexcess #txtFrom {font-size: 12px;}
}
/*IPad/IPad mini portrait mode:*/
@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{ 
body#ip3-cnaexcess input, body#ip3-cnaexcess textarea, #TBPublicProducts, #TBAnyClaims, #TBEmployeeLiability, #TBMaximumNumber, #TBAnyClaims2 {width: 91%;}
body#ip3-cnaexcess .errormsg {position:relative;}
body#ip3-cnaexcess .g-recaptcha {float: right;margin-right: 0px;margin-bottom: 30px;}
body#ip3-cnaexcess span#body_0_main_1_ctl08_FailureMsgId {bottom: 46px;position: absolute;right: 178px;}
}

@media all and (min-width: 755px) {
.social-media-share-container {top: 40px;}
body#ip3-cnaexcess #txtTo, body#ip3-cnaexcess #txtFrom {font-size: 12px;}
/*body#ip3-cnaexcess .errormsg {position:relative;}*/
}

@media all and (max-width: 736px) {
body#ip3-cnaexcess span#body_0_main_1_ctl08_FailureMsgId {bottom: 46px;position: absolute;right: 214px;}
.ip3-privacy .snapdown-tabs-item {width:100%;}
}

/*IPad/IPad mini portrait mode:*/
@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{ 
.ip3-privacy .snapdown-tabs-item#home {width: 8%;}
.ip3-privacy .snapdown-tabs-item#website, #ip3-processor-and-controller-terms .snapdown-tabs-item#claims {width:10.5%;}
.ip3-privacy .snapdown-tabs-item#insurance-product {width:15%;}
.ip3-privacy .snapdown-tabs-item#core-uses-information-notice {width:14%;}
.ip3-privacy .snapdown-tabs-item#processor-and-controller-terms {width:18.6%;}
.ip3-privacy .snapdown-tabs-item#california-privacy {width:17%;}
.ip3-privacy .has-language-version .language-version-container {top: 65px;}
.ip3-privacy .has-language-version .social-media-share-container {top: 140px;}
.ip3-privacy .tabs-news-insights .snapdown-tabs-item a {line-height:18px;font-size: 9.5px;}
 }

/*IPad/IPad mini landscape mode:*/
@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{ 
.ip3-privacy .snapdown-tabs-item {width:12%;}
.ip3-privacy .snapdown-tabs-item#processor-and-controller-terms {width:19%;}
.ip3-privacy .snapdown-tabs-item#california-privacy {width:17%;}
.ip3-privacy .snapdown-tabs-item#insurance-product {width:13%;}
.ip3-privacy .tabs-news-insights .snapdown-tabs-item a {line-height:16px;}
.ip3-privacy .has-language-version .language-version-container {top: 82px;}
}


body#ip3-insurance-distribution-directive .has-language-version .language-version-container {
float:right;
position:inherit;
top:0px;
right:0px;
padding-top: 20px;
}
body#ip3-insurance-distribution-directive h1{width:100%;}

#ip3-brexit .language-version-inner    {display:none;}

@media only screen and (min-device-width: 320px) and (max-device-width: 479px) and (orientation: portrait) {
.homeSlider .heroBgContent {left: 7%;}
}

@media only screen and (max-device-width: 768px) and (orientation: landscape) {
.homeSlider .heroBgContent {left: 50%;}
}

/*IPad/IPad mini portrait mode:*/
@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
.homeSlider .heroBgContent {left: 50%;}
 }