body {margin:0px;padding:0px;font-family: 'Open Sans', sans-serif!important; word-wrap: break-word;color:#000;background-color: #fff;}
.cleared{clear:both;}
@-ms-viewport{width: device-width;}
h1,h2,h3,h4,h5 {font-family:'Oswald', sans-serif!important;}
h1 { border-bottom: 2px solid #ccc; }
.dropdown-menu {display:none;}

/* 
#####################################################
COLORS
#####################################################
*/
#Teaser {color:#fff;background-color: #8fce50; height: 50px;} #Teaser a {color:#fff;}
#Navigation {background-color: #004a89;}
#Navigation>div>ul>li>a:active, #Navigation>div>ul>li>a:focus {background-color: #0097a4!important; color: #fff!important;}
#Navigation>div>ul>li>a { color: #ffff33; }
#Navigation>div>ul>li>a:hover { background-color: #8fce50; color: #fff; transition: background-color 0.4s ease;}
#Navigation>div>ul>li>ul>li>a { color: #000; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: #003366!important; color: #83d3e5!important; transition: background-color 0.4s ease; }

.Content .ContactBox .ContactContent, .Content .Featured_Box>div {-moz-box-shadow:inset 0px 2px 0px 0px #004a89;-webkit-box-shadow:inset 0px 2px 0px 0px #004a89;box-shadow:inset 0px 2px 0px 0px #004a89; background-color:#004a89;border:1px solid #1C6B59;color:#fff;}

#Footer { color:#fff; background-color: #8fce50; }
#Copyright {color:#fff; background-color:#004a89}
#Generator {color:#fff; background-color:#111;}#Generator a {color:#fff; }

#Mobile_Header { color:#fff; background-color: #0097a4; }
#Mobile_Header #Phone a {color:#fff;font-family:'Oswald', sans-serif;font-size:xx-large;} 
/* 
#####################################################
*/

#Teaser {position: absolute; top: 0px; width: 100%; font-family:'Oswald', sans-serif;font-size:large;padding:0px 0px;z-index: 25!important;}
#Teaser>div{display:block;margin: 0px auto;}
#Teaser>div div:first-child{float:left;display:block;}
#Teaser>div div:last-child{float:right;display:block;}
#Teaser #Phone { width: 100%; max-width: 70%; text-align: left; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; }
#Teaser #Social img{margin:2px; margin-top: 3px; }

#Navigation {width:100%; color:#fff; padding: 0px; margin-top: 0px; z-index: 25!important; }
#Navigation>div{margin: 0px auto;padding:0px; display:block; position:relative; float: none;}
#Navigation>div>ul{ float: right; display:block; list-style-type: none; padding: 0px; margin:0px; margin-left: 160px;}
#Navigation>div>ul>li {float: left; display: block; padding: 0px; margin:0px;}
#Navigation>div>ul>li>a {float: left;display: block;text-decoration:none;font-family:'Oswald', sans-serif; font-size: large; padding-left:10px;padding-right:10px; padding-top: 13px; padding-bottom: 13px; margin-top: 3px; margin-bottom: 3px; }
#Navigation>div>ul>li>a:hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#Navigation>div>ul>li>ul>li>a {padding-left:10px; padding-right:10px; }
#Navigation #FluidLogo { cursor: pointer; width: 160px; position: absolute; display:block; min-height: 5px;}
#Navigation #FluidLogo img{ width: 100%; position: absolute; margin-top: 15px; margin-left: 10px; }

#Mobile_Header { width: 100%; font-size:xx-large;font-weight:bold;padding:5px 0px;}
#Mobile_Header>div{display:block;margin: 5px auto;}
#Mobile_Header>div div{float:left;display:block;}
#Mobile_Header #TopLogo {width: auto;}
#Mobile_Header #TopLogo img{max-height: 125px;}
#Mobile_Nav_Toggle{color:#fff; margin: 2px; padding: 0px 0px; z-index: 35!important; position: fixed; top: 0px; left: 0px; width: 50px; height: 50px;}
#Mobile_Navigation { left: -400px; border: 2px solid #ccc; border-left: 0px solid #000; width: 80%; max-width: 400px; height: 400px; max-height:100%; position: fixed; color: #fff;top: 50px; display: block; background-color: #200303; overflow:scroll; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-overflow-scrolling: touch; }
#Mobile_Navigation .Title { text-align: center; font-family:'Oswald', sans-serif; font-size:xx-large; width: 100%;border-bottom: 4px solid #ccc;}
#Mobile_Navigation ul{ display:block; list-style-type: none; padding: 0px; margin:0px;}
#Mobile_Navigation ul li { display: block;}
#Mobile_Navigation ul li a { color: #fff; border-bottom: 1px solid #ccc; display: block; text-decoration:none;font-family:'Oswald', sans-serif; font-size: large; }
#Mobile_Navigation>ul>li>a { padding:10px 0px 10px 10px; }
#Mobile_Navigation>ul>li>ul>li>a { font-size: medium; padding:10px 0px 10px 20px; color: #fff; }
#Mobile_Navigation>ul>li>ul>li>a:before{content:" - ";}
#Mobile_Navigation>ul>li>ul>li>ul>li>a { font-size: medium; padding:10px 0px 10px 40px; color: #fff; }
#Mobile_Navigation>ul>li>ul>li>ul>li>a:before{content:" - ";}

#ContentRows { position: relative; display: block; width: 100%; }

.Content {position: relative; padding:5px 0px;display:block;clear:both;}
.Content #Facebook, .Content #Twitter { width:49%; overflow: hidden; text-align: center; }
.Content>div {margin: 5px auto;clear:both; display:block;}
.Content>div>div {float: left; display: block; padding: 10px; }
.Content>div>.Title,.Content>div>div>.Title {font-family:'Oswald', sans-serif; font-size:xx-large; width: 100%; }
.Content .Featured_Box {float: left; display: block;text-align:center;}
.Content .Featured_Box .Title {font-family:'Oswald', sans-serif;font-size: x-large;text-align:center; width: 100%;}
.Content .Featured_Box .Description { min-height: 90px; }
.Content .Featured_Box>div { width: 100%;padding: 10px; margin: 5px 0px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;text-indent:0;display: block;text-decoration:none;}
.Content .Featured_Box img { width: 100%; padding-bottom: 10px}
.Content .ContactBox {display: block; width: 100%; max-width:1080px;  margin:0px auto; padding: 20px;}
.Content .ContactBox .ContactContent { display: block; width: 100%;  max-width:1080px; padding:15px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align:left;}
.Content .ContactBox .Title { padding:0px; }
.Content table td:first-child{ border-right: 1px solid #eee; padding-right: 15px; }
.Content table td:last-child{ padding-left: 15px; }
table.Responsive { width: 100%;  }
table.Responsive td { }
table.Responsive img { width: 100%; max-width: 450px; height: auto; }


.g-recaptcha iframe { height: 78px!important; }
.g-recaptcha { height: 78px!important; }

.floatright{float:right; margin-left: 20px; }
.floatleft{float:left; margin-right: 20px; }
.btn { font-family:'Oswald', sans-serif; font-size:large!important; }

#Footer { font-family:'Copse', sans-serif;font-size:14px; padding:5px 0px;}#Footer>div{margin: 30px auto;}#Footer a {text-decoration:none;color:#fff;}#Footer p {margin:0px;padding:0px;}#Footer .Title { font-size: xx-large; font-family:'Oswald', sans-serif; }#Footer .Box {display: block; float: left; padding: 10px 10px; } #Footer .Box .icon { padding-left: 23px; background:url('../images/contact-sprite.png'); background-repeat: no-repeat;}  #Footer .Box .icon.company { background-position: 0px -80px; font-weight: bold; }  #Footer .Box .icon.email { background-position: 0px -60px; }  #Footer .Box .icon.phone { background-position: 0px 0px; }  #Footer .Box .icon.address { background-position: 0px -38px; width: 20px; height: 20px; float: left; margin-bottom: 20px;}  #Footer .Box .icon.fax { background-position: 0px -21px; }  #Footer .Company a::before { content: " "; }  #Footer .Company a { text-decoration: none; }  #Footer .Company span { line-height: 1.8em; }  #Footer .Logo img { float: left; padding-right: 5px; width: auto; }  #Footer .Social img { margin: 2px; }
#Copyright { font-family:'Copse', sans-serif;font-size:medium;padding:5px 0px;} #Copyright p {margin:0px auto; padding: 0px;text-align:center;} #Copyright a {text-decoration:none;color:#fff;} #Copyright .Social_Links { float: right; }
#Generator { font-family:'Oswald', sans-serif;font-size:medium;padding:5px 0px;} #Generator p {margin:0px auto; padding: 0px;} #Generator a {text-decoration:none;}

/* SIDEBAR STYLES */
.Content_Sidebar { position: relative; max-width: 300px; float:right!important; margin-top: 50px;}
.Content_Sidebar .box { display: block; float: left; width: 100%; margin-bottom: 20px; }
.Content_Sidebar .box .title { display: block; float: left; width: 100%; color: #c82626; font-size: 14px; line-height: 20px; border-bottom: 1px solid #c82626; padding-top: 0px; padding-bottom: 10px; text-transform: uppercase; font-size: 14px; }
.Content_Sidebar .box .title span { border-bottom: 5px solid #c82626; padding-top: 10px; padding-bottom: 10px; }
.Content_Sidebar .box .content { display: block; float: left; border: 1px solid #d3d3d3; border-radius: 5px; background-color: #fff; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; width: 100%; color: #787878; font-size: 14px; }
.Content_Sidebar .box .content .Title { display: block; float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; color: #929292; }
.Content_Sidebar .box .content .Read { display: block; float: left; width: 50%; margin-bottom: 10px; }
.Content_Sidebar .box .content .Read a { text-decoration: none; font-weight: bold; color: #c82626; }
.Content_Sidebar .box .content .Date { display: block; float: left; width: 50%; text-align: right; margin-bottom: 10px; font-weight: bold; }
.Content_Sidebar .box .content .padding { padding: 10px; }

/* SUBMENU CSS */
.dropdown-submenu {  position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

/* SLIDESHOW STYLES */
.Slideshow_Overview_Wrapper { display: block; float: left; width: 140px; margin-top: 0px; margin-left: 5px; margin-right: 5px; }
.Slideshow_Overview_Wrapper .Title { font-size: 16px; text-align: center; padding: 0px; width: 140px; font-family: oswald; min-height: 180px;}
.Slideshow_Overview_Wrapper .Photo { display: block; float: left; cursor: pointer; height: 100px; width: 140px; overflow: hidden; margin: 0px; } 
.Slideshow_Overview_Wrapper .Photo img{ display: block; float: left; cursor: pointer; height: 100px; width: 140px; overflow: hidden; border-bottom: 3px solid white; margin: 0px; background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.Slideshow_Wrapper { display: block; float: left;  margin-top: 20px; }
.Slideshow_Wrapper .Title { font-size: 22px; margin:0px 0px 10px 0px; }
.Slideshow_Wrapper .Photo { display: block; float: left; cursor: pointer; height: 100px; width: 140px; overflow: hidden; border: 3px solid white; margin: 3px; background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.Photo img { border: 0px solid #DFDFDF; padding: 0px; background-color: white; }

/* CUSTOM STYLES */
.sbox{ float: left; margin: 0px;padding: 5px;font-size: small; }
.spics{ width: 100%;text-align: center;background-color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 50px; }
.spics img{ width: 100%;padding: 5px; }
.sbtitle{ padding: 10px;text-align: center; }
.big_buttons { position: relative; border: 0px solid white; z-index: 21; margin: -80px auto 0px auto; text-align:center; }
.big_buttons a { width: 24%; max-width: 206px; padding: 11px 0px; margin: 2px; display:block; float: left; font-family: oswald; font-size: large; text-align: center; text-decoration: none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

/* SHOPPING CART STYLES */
.itemDiv { display: block; float: left; width: 200px; padding: 10px; margin: 5px; text-align: center; background-color: #efefef; border: 1px solid  #ccc; } 
.itemDiv .Image { display: block; float: left; width: 100%; min-height: 150px; }
.itemDiv img { max-height: 100px; max-width: 100%; padding: 0px; margin: 0px; }
.itemDiv .Name { display: block; float: left; padding: 0px; margin: 0px; width: 100%; height: 50px; font-weight: bold; }
.itemDiv .Price { display: block; float: left; padding: 0px; margin: 0px; width: 100%; font-weight: bold; font-size: large; }
.itemDiv a { padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }
.itemDiv:hover { background-color: #ffffee; }
.BreadCrumb { display: block; float: left; background-color: #efefef; padding: 10px; width: 100%; margin-bottom: 20px; font-weight: bold; font-size: large; text-transform: uppercase; }
.ShoppingCart { display: block; float: left; position: relative; width: 100%; }
.Page_Content.ShoppingCart {-webkit-columns: auto 1; -moz-columns: auto 1; columns: auto 1; }
.ShoppingCart .Category { display: block; float: left; width: 19%; text-align: center; margin: 3px; padding: 5px; background-color: #fff; border: 2px solid #efefef; }
.ShoppingCart .Category .Image { display: block; float: left; width: 100%; min-height: 275px; }
.ShoppingCart .Category .Image img { width: 100%; }
.ShoppingCart .Category .Link { display: block; float: left; width: 100%; font-family: 'Oswald'; font-size: x-large; min-height: 75px; }
.ShoppingCart .Category .Link a { text-decoration: none; font-weight: normal; color: #333; }
.ShoppingCart .Sub_Category { display: block; float: left; width: 19%; text-align: center; margin: 3px; padding: 5px; background-color: #fff; border: 2px solid #efefef; }
.ShoppingCart .Sub_Category .Image { display: block; float: left; width: 100%; padding: 5px; }
.ShoppingCart .Sub_Category .Image img { width: 100%; }
.ShoppingCart .Sub_Category .Link { display: block; float: left; width: 100%; font-family: 'Oswald'; font-size: x-large; min-height: 75px; }
.ShoppingCart .Sub_Category .Link a { text-decoration: none; font-weight: normal; color: #333; }
.ShoppingCart .Photos { display: block; float: left; width: 33%; max-width: 1500px; padding: 10px; border: 1px solid #d3d3d3; background-color: #fff; border-radius: 5px; }
.ShoppingCart .Photos .Large { display: block; float: left; width: 100%; height: auto; overflow: hidden; text-align: center; }
.ShoppingCart .Photos .Large img { width: auto; max-height: 500px; max-width: 500px; }
.ShoppingCart .Photos .Image_Nav { display: block; float: left; width: 100%; margin-top: 10px; }
.ShoppingCart .Photos .Image_Nav .Nav { display: block; float: left; width: 5%; height: 102px; }
.ShoppingCart .Photos .Image_Nav .Thumbs_Wrapper { width: 90%; height: 102px; display: block; float: left; overflow: hidden; }
.ShoppingCart .Photos .Thumbs_Slider { width: 6000px; height: 102px; display: block; float: left; position: relative; left: 0px; top: 0px; }
.ShoppingCart .Photos .Image_Nav .Thumbs_Wrapper .Image { display: block; float: left; width: 102px; height: 102px; overflow: hidden; cursor: pointer; position: relative; }
.ShoppingCart .Photos .Image_Nav .Thumbs_Wrapper .Image img { width: auto; height: 102px; }
.ShoppingCart .Photos .Image_Nav .Nav { background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.ShoppingCart .ItemInfo { display: block; float: left; width: 66%; padding: 10px; }
.ShoppingCart .ItemInfo h1 { margin-top: 0px; padding-top: 0px; }
.ShoppingCart .Item_Description { border-width: 0px 0 1px 0; border-style: solid; border-color: #CCC; padding: 30px 0 30px 0; }
.ShoppingCart .Item_Price { color: #cc0021; font-size: 22px; font-weight: bold; }
.ShoppingCart .Item_Social { border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-top: 5px; }
.ShoppingCart .addCartWrap_Quantity {  margin-top: 10px; background: #f2f2f0; border: 2px solid #960d08; padding: 10px; width: 250px; height: auto; text-align: center; }
.ShoppingCart .addCartWrap_Quantity label { display:block; float: left; text-align:right; width: 60px; padding-right: 10px; font-weight: bold; line-height: 20px; }
.ShoppingCart .addCartWrap_Quantity select { display:block; float: left; text-align:left; width: 150px; font-weight: bold; }
.ShoppingCart .addCartWrap_Quantity {}
.ShoppingCart .addCartWrap_Quantity .art-button-wrapper { margin-top: 15px; }
.ShoppingCart .addCart_Quantity { display:block; float: left; width: 100%; }
.ShoppingCart .addCart_Quantity select { width: 50px; }
.Shopping_Cart_Overview { text-align: right; font-weight: bold; color: #FFF; -webkit-border-bottom-right-radius: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; max-width: 1500px; width: 95%; margin-left: auto; margin-right: auto; }
.Shopping_Cart_Wrapper { display: block; position: relative; z-index: 100; width: 100%; margin-left: auto; margin-right: auto; clear: both;  background-color: #fff; background-image: url('https://arttrail.net/images/footer_bk.jpg'); background-attachment: scroll; background-position: center center; background-repeat: no-repeat; }
#Checkout_Navigation_Wrapper { width: 800px; margin-left: auto; margin-right: auto; float: none; }
#Checkout_Shopping_Wrapper { width: 800px; margin-left: auto; margin-right: auto; float: none; }
.Content_Title { font-size: xx-large; font-family: oswald;}
.td0, .AddLink {width: 500px; padding: 10px; color: #fff; font-weight: bold; background-color: #411613; }
.CheckoutForm table { width: 100%; }
#ISSAME { display: inline!important; }
#Tab_Bar { width: 100%; float: left; display: block; border: 1px solid #333; }
.Tab_Button { width: auto; float: left; display: block; }
.Tab_Button a { float: left; display: block; font-size: x-large; font-family: oswald; padding: 10px; }
.Tab_Button a:hover { background-color: #cfcfcf; text-decoration: none; }
#Card_Info { background: #E6E9EC!important; border: 2px solid #CCCFD3!important; width: 700px!important; padding-top: 20px!important; padding-right: 20px!important; padding-bottom: 20px!important; padding-left: 20px!important; }
.PaymentInformationForm { padding-left: 20px; }
.Cart_View_Basket { width:100%!important; }
#Tab_Content { padding: 10px; }

/*
PHONE PORTRATE
*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px)
and (orientation : portrait) {
  h1,h2,h3,h4,h5 { text-align: center; }
  #Navigation { display: none; }
  #Rotating-Header { display: none; }
  #No-Rotating-Header { display: none; }
  #Mobile_Header { display: block; position: absolute; top: 50px; background-color: #8fce50; }
  #Mobile_Header #Phone { display: inherit; }
  #Mobile_Header #Name { padding-left: 0px; }
  #Mobile_Header #TopLogo, #Mobile_Header #Name, #Mobile_Header #Phone {text-align: center; width: 100%;}
  #Teaser #Social {text-align: center; width: 60%; margin-top: 7px; }
  #Teaser { position: fixed; }
  #Teaser>div, #Mobile_Header>div, #Navigation>div, #Footer>div, .Content>div, #Copyright>p, #Generator>p { max-width:95%; }
  #Teaser #Phone { display: none; }
  #ContentRows {margin-top: 250px;}
  .Content.SocialFeed {display:none;}
  .Content iframe { width: 100%; height: 225px; }
  .Content .Featured_Box { width: 100%; float: none; display: inline-block; vertical-align: top; }
  .ContactContent a { display: block; width: 100%; float: none; margin: 0px auto; position: relative; bottom: 0px;}
  .big_buttons { width: 100%; max-width: 100%; top: 300px; }
  #Footer .Box { width: 49%; max-width: 49%; float: none; display: inline-block; vertical-align: top; }
  #Copyright .Social_Links { width: 100%; }
  #Generator p { text-align: center; }
  .sbox{ width: 100%; }
  .Content_Sidebar{ display: none!important; }
  .Page_Content img { width: 100%; max-width: 100%; height: auto; padding-bottom: 10px; margin: 0px; }
  input, button, select, textarea { /*margin-left: 120px!important;*/}  
}

/*
PHONE LANDSCAPE
*/
@media only screen 
and (min-device-width : 320px)
and (max-device-width : 736px)
and (orientation : landscape) {
  h1,h2,h3,h4,h5 {text-align: center;}
  #Navigation { display: none; }
  #Rotating-Header { display: none; }
  #No-Rotating-Header { display: none; }
  #Mobile_Nav_Toggle { display: block;}
  #Mobile_Navigation { display: block;}
  #Mobile_Header { display: block; position: absolute; top: 50px; background-color: #8fce50;}
  #Mobile_Header #Phone { display: inherit; }
  #Mobile_Header #Name {padding-left: 0px;}
  #Mobile_Header #TopLogo, #Mobile_Header #Name, #Mobile_Header #Phone, #Teaser #Social {text-align: center; width: 100%;}
  #Teaser { position: fixed; }
  #Teaser>div, #Mobile_Header>div, #Navigation>div, #Footer>div, .Content>div, #Copyright>p, #Generator>p { max-width:95%; }
  #Teaser #Phone { display: none; }
  #ContentRows {margin-top: 250px;}
  .Content iframe { width: 100%; height: 275px; }
  .Content.SocialFeed {display:none;}
  .Content .Featured_Box { width: 49%;max-width: 49%;  float: none; display: inline-block; vertical-align: top; }
  #Footer .Box {width:49%;max-width: 49%; float: none; display: inline-block; vertical-align: top; }
  .Content_Sidebar{ display: none!important; }
  .ContactContent a { display: block; width: auto; float: left; margin-right: 10px; }
  input, button, select, textarea { /*margin-left: 270px!important;*/}
  #Teaser #Social img { margin-top: 9px;}
  .Page_Content, h2, p img { margin-top: 3px; max-width: 100%; height: auto;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 735px)
and (orientation : landscape) {
  #Navigation>div>ul { margin-left: 170px!important;}
}

/*
IPAD PORTRATE
*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait) {
  h1,h2,h3,h4,h5 {text-align: left;}
  #Rotating-Header { display: block; overflow:hidden; }
  #No-Rotating-Header { display: block; }
  #Teaser { position: absolute; }
  #Teaser>div, #Mobile_Header>div, #Navigation>div, #Footer>div, .Content>div, #Copyright>p, #Generator>p { max-width:95%; }
  #Teaser #Social {text-align: left; width: auto;}
  #Teaser #Phone { display: inherit; }
  #Mobile_Nav_Toggle { display: none;}
  #Mobile_Navigation { display: none;}
  #Mobile_Header { display: none; }
  #Navigation { display: block; position: absolute; top: 50px;}
  #Navigation #FluidLogo { top: -20px; }
  #Navigation #FluidLogo img { margin-left: 10px;}
  #ContentRows {margin-top: 0px;}
  
  /* USE WHEN YOU WANT A BACKGROUND IMAGE ON CONTENT DIV
  #ContentRows>div:nth-child(even) { background-color: transparent; color: #000; }
  #ContentRows>div:nth-child(even)::after { content: ""; background-image: url('/images/content-bg.jpg'); background-size: auto; background-repeat: repeat; opacity: 0.1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
  */
  .Content iframe { width: 100%; height: 395px; }
  .Content.SocialFeed {display:inherit;}
  .Content.SocialFeed iframe { width: 100%!important; height:600px; }
  .Content .Featured_Box { width: 49%;max-width: 49%;  float: none; display: inline-block; vertical-align: top; }
  .Content table td img { width: 100%; height: auto;}
  .big_buttons { width: 100%; max-width:750px; top: 0px; }
  #Generator p {text-align:right;}
  #Copyright .Social_Links {width:auto;}
  #Footer .Box { width:49%; max-width: 49%; float: none; display: inline-block; vertical-align: top; }
  .sbox{ width: 50%; }
  
  #No-Rotating-Header { position: relative; display:block; width:100% !important; height: 180px; margin: 50px 0px 0px 0px; padding: 0px; top: 0px; z-index: 20!important; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; background-image: URL('../images/leaves.png')!important;}
  #Rotating-Header { overflow: hidden; position: relative; display: block; width: 100%; height: 600px !important; margin: 105px 0px 0px 0px; padding: 0px; top: 0px; z-index: 20!important; }
  #Rotating-Header .Rotating-Row { position: relative; display: block; max-width: 980px; height: 600px; margin: 0px auto 0px auto; padding: 0px;  }
  .tp-bannershadow.tp-shadow1 { margin: 0px auto 0px auto; width: 100%!important; }
  
  .Page_Content { -webkit-columns: auto 1; -moz-columns: auto 1; columns: auto 1; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 1px outset #eee; -moz-column-rule: 1px outset #eee; column-rule: 1px outset #eee; }
  .Slide_Wrapper { display: block; float: left; width: 25%; max-width: 200px; margin-top: 20px; min-height: 275px; }
  .Content_Sidebar{ width: 100%; display: block!important; }
  .Page_Content { width: 100%; }
  .Page_Content img { margin: 10px; }
  .dropdown-menu { display:none; }
  #Navigation #FluidLogo img { margin-left: 0px;}
  input, button, select, textarea { /*margin-left: 280px!important;*/}
  #Teaser #Social img { margin-top: 8px;}
}

/*
IPAD LANDSCAPE
DESKTOP
*/
@media only screen 
and (min-device-width : 768px) 
and (orientation : landscape) {
  /*
  .Content>div>h1:first-child { display: block; float:left; position: relative; z-index: 25!important; color: #fff; width: auto!important; padding: 10px; margin-top: -75px; margin-bottom: 6px; border-bottom: 0px solid #ccc; }
  .Content>div>h1::after { padding: 20px; content: ""; background-color: #fff; width: auto; background-size: auto; background-repeat: repeat; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
  */
  
  h1,h2,h3,h4,h5 { text-align: left; }
  #Mobile_Nav_Toggle { display: none;}
  #Mobile_Navigation { display: none;}
  #Mobile_Header { display: none; }
  #Rotating-Header { display: block; overflow:hidden; overflow:hidden;  }
  #No-Rotating-Header { display: block; }
  #Teaser { position: absolute; }
  #Teaser>div, #Navigation>div, #Footer>div, .Content>div, #Copyright>p, #Generator>p { width:95%; max-width:1500px; }
  #Teaser #Social {text-align: left; width: auto;}
  #Teaser #Phone { display: inherit; }
  #Navigation { display: block; position: absolute; top: 50px;}
  #Navigation #FluidLogo { top: -20px; }
  #ContentRows {margin-top: 0px;}
  .Content iframe { width: 100%; height:320px; }
  .Content.SocialFeed {display:inherit;}
  .Content.SocialFeed iframe { width: 100%!important; height:600px; }
  .Content .Featured_Box { width: 24%; max-width: 24%; float: none; display: inline-block; vertical-align: top; }
  .Content table td img { width: 100%; height: auto;}
  
  /* USE WHEN YOU WANT A BACKGROUND IMAGE ON CONTENT DIV
  #ContentRows>div:nth-child(even) { background-color: transparent; color: #000; }
  #ContentRows>div:nth-child(even)::after { content: ""; background-image: url('/images/content-bg.jpg'); background-size: auto; background-repeat: repeat; opacity: 0.1; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
  */
  
  .big_buttons { width: 100%; max-width:980px; top: 0px; }
  #Generator p {text-align:right;}
  #Copyright .Social_Links {width:auto;}
  #Footer .Box { width:24%; max-width: 24%;  float: none; display: inline-block; vertical-align: top; }
  .sbox{ width: 33%; }
  
  #No-Rotating-Header { position: relative; display:block; width:100% !important; height: 180px; margin: 50px 0px 0px 0px; padding: 0px; top: 0px; z-index: 20!important; background-repeat: repeat; background-position: center; background-size: 100% 100%; background-image: URL('../images/leaves.png')!important;}
  #Rotating-Header { overflow: hidden; position: relative; display: block; width: 100%; height: 600px !important; margin: 105px 0px 0px 0px; padding: 0px; top: 0px; z-index: 20!important; }
  #Rotating-Header .Rotating-Row { position: relative; display: block; max-width: 100%; height: 600px; margin: -3px auto 0px auto; padding: 0px;  }
  .tp-bannershadow.tp-shadow1 { margin: 0px auto 0px auto; width: 100%!important; }
  
  .Page_Content { width: 100%; }
  .Page_Content img { margin: 10px; }
  .Page_Content { -webkit-columns: auto 2; -moz-columns: auto 2; columns: auto 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 1px outset #eee; -moz-column-rule: 1px outset #eee; column-rule: 1px outset #eee; }
  
  /*
  .Page_Content { -webkit-columns: auto 2; -moz-columns: auto 2; columns: auto 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 1px outset #eee; -moz-column-rule: 1px outset #eee; column-rule: 1px outset #eee; }
  */
  
  .dropdown-menu { display:none; }
  .Page_Content img {max-width: 100%; /*border: 2px solid #fff;*/ border-radius: 5px; margin: 10px;}
  #Teaser #Social img { margin-top: 8px;}
}

.cleared{clear:both!important;display:inherit!important;float:none!important;padding:0px!important;margin:0px!important;}

#Rotating-Header { overflow: hidden; position: relative; display: block; width: 100%; height: 60px !important; margin: 105px 0px 0px 0px; padding: 0px; top: 0px; z-index: 20!important; }