@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
/*GALLERY START*/

.container-fluid {
    max-width: 1150px;
    position: relative;
    margin: auto;
    float: left
}

#gallery_div {
    height: auto;
    padding-top: 0px;
    float: left
}

.thumbnail {
    border: 1px solid #d3d1d1;
    cursor: pointer;
    display: inline-block;
    width: 75px;
    height: 75px;
    line-height: 140px;
    margin-right: -3px;
    margin-top: 0px;
    text-align: center;
    overflow: hidden;
    float: none;
    position: relative;
    top: 530px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.thumbnail:hover {
    border: 1px solid #0080c0;
}

#pic_1_start {
    display: table;
}

.thumbnail img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    margin-top: 3px;
}

.thumbnail:hover ~ #pic_1_start {
    display: none;
}

#img_thumb_1:hover ~ #pic_1 {
    display: table;
}

#img_thumb_2:hover ~ #pic_2 {
    display: table;
}

#img_thumb_3:hover ~ #pic_3 {
    display: table;
}

#img_thumb_4:hover ~ #pic_4 {
    display: table;
}

#img_thumb_5:hover ~ #pic_5 {
    display: table;
}

#img_thumb_6:hover ~ #pic_6 {
    display: table;
}

.big_image {
    display: none;
    width: 100%;
    height: 460px;
    float: left;
    position: relative;
    bottom: 40px;
}

.big_image div {
    max-width: 455px;
    max-height: 455px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-bottom: 0px solid #d3d1d1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.big_image img {
    max-width: 455px;
    max-height: 455px;
    vertical-align: middle;
}

@media (min-width: 0px) and (max-width: 320px) {
    .big_image {
        height: 260px;
        bottom: 70px;
    }
    .big_image img {
        max-width: 230px;
        max-height: 230px;
    }
    .thumbnail {
        height: 39px;
        line-height: 39px;
        width: 39px;
        top: 260px;
    }
    #img_thumb_1 {
        margin-left: 0px;
    }
}

@media (min-width: 0px) and (max-width: 359px) {
    .big_image {
        height: 260px;
        bottom: 64px;
    }
    .big_image img {
        max-width: 230px;
        max-height: 230px;
        width: 100%
    }
    .thumbnail {
        height: 39px;
        line-height: 39px;
        width: 39px;
        top: 260px;
    }
    ;
    #gallery_div {
        max-width: 0px;
        width: 100%;
    }
}

@media (min-width: 360px) and (max-width: 767px) {
    .big_image {
        height: 320px;
        bottom: 77px;
    }
    .big_image img {
        max-width: 310px;
        max-height: 310px;
    }
    .thumbnail {
        height: 50px;
        line-height: 50px;
        width: 50px;
        top: 316px;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    .sidebar p {
        font-size: 12px
    }
    .big_image {
        height: 420px;
        bottom: 95px;
    }
    .big_image img {
        max-width: 410px;
        max-height: 410px;
    }
    .thumbnail {
        height: 70px;
        line-height: 70px;
        width: 70px;
        top: 420px;
    }
}


/*GALLERY END*/

html,
body,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
img,
p {
    color: #777;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both
}

body {
    font-size: 14px;
    letter-spacing: 0.2px;
    background-image: url(https://cdn.aaa.four13.co/images/bg.png);
    background-color: #FFF;
    background-repeat: repeat;
}


/*TOP BANNER*/

.topbanner {
    margin: 0 auto;
    height: 136px;
    width: 990px;
    box-shadow: 0px 0px 3px 0px rgba(136, 136, 136, 0.45);
    margin-top: 2px;
}


/*TOP BANNER */


/*SLIDER START*/

#slider_main_div {
    width: 998px;
    margin: 0 auto;
    background-color: #FFF;
    padding-top: 3px;
}

@keyframes slidy {
    0% {
        left: 0%;
        opacity: 1
    }
    20% {
        left: 0%;
        opacity: 1
    }
    40% {
        left: -100%;
        opacity: 1
    }
    60% {
        left: -100%;
        opacity: 1
    }
    80% {
        left: -200%;
        opacity: 1
    }
    90% {
        left: -200%;
        opacity: 1
    }
    100% {
        left: -200%;
    }
}

figure {
    margin: 0;
    background: #;
    font-family: Istok Web, sans-serif;
    font-weight: 100;
}

div#captioned-gallery {
    width: 100%;
    overflow: hidden;
    width: 998px;
    height: 400px;
    margin: 0 auto
}

figure.slider {
    position: relative;
    width: 500%;
    font-size: 0;
    animation: 10s slidy infinite;
}

figure.slider figure {
    width: 20%;
    height: auto;
    display: inline-block;
    position: inherit;
}

figure.slider img {
    width: 100%;
    height: auto;
}

figure.slider figure figcaption {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    width: 100%;
    font-size: 2rem;
    padding: .6rem;
}


/*SLIDER END*/


/*MENU START*/

.main_manu_div {
    margin: 0 auto;
    height: 47px;
    width: 998px
}

.store_image {
    width: 150px;
    float: left
}

nav {
    background: rgb(3, 52, 92);
    background: -moz-linear-gradient(top, rgba(3, 52, 92, 1) 0%, rgba(3, 52, 92, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(3, 52, 92, 1) 0%, rgba(3, 52, 92, 1) 100%);
    background: linear-gradient(to bottom, rgba(3, 52, 92, 1) 0%, rgba(3, 52, 92, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#03345c', endColorstr='#03345c', GradientType=0);
}

nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
    line-height: 32px;
    right top no-repeat;
}

nav a:hover {
    background-color: #286097;
    color: #FFF;
    background-color: #022E52
}

.menubar_div {
    width: 998px;
    float: left
}

.menubar {
    margin: 0 auto;
    width: 998px;
    height: 45px;
    background-color: #000;
    border-bottom: 0px solid #000;
}

.menubar-menu {
    width: 998px;
    height: 45px;
    background-color: #000000;
    float: left;
}

.toggle,
[id^=drop] {
    display: none;
}

nav:after {
    content: "";
    display: table;
    clear: both;
}

nav ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

nav ul li:last-child {
    background: none
}

nav a {
    display: block;
    padding: 6px 43px;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase
}

nav ul li ul li:hover {
    opacity: 0.8
}

nav ul ul {
    display: none;
    position: absolute;
    top: 60px;
}

nav ul li:hover > ul {
    display: inherit;
}

nav ul ul li {
    width: 170px;
    float: none;
    display: list-item;
    position: relative;
}

nav ul ul ul li {
    position: relative;
    top: -60px;
    left: 170px;
}

li > a:after {
    content: ' ';
}

li > a:only-child:after {
    content: '';
}


/*MENU END*/

.content_main {
    margin: 0 auto;
    width: 990px;
    height: auto;
    background-color: #;
    padding-top: 3px;
    border: 0px solid #ddd;
    box-shadow: 0px 0px 3px 0px rgba(136, 136, 136, 0.45);
    box-shadow-top: none;
    margin-bottom: 20px
}

.contentdv1 {
    width: 100%;
    float: left;
    background-color: #FFF
}

.contentdv1_1 {
    width: 495px;
    float: left;
    background-color: #FFF;
    height: 630px
}

.contentdv1_2 {
    width: 495px;
    float: left;
    background-color: #FFF
}

.contentdv1_2 .p1 {
    padding: 30px 0px 15px 0px;
    /*font-family: 'Khula', sans-serif;*/
    font-size: 26px;
    color: #17375e;
    font-weight: bold;
    margin-right: 20px;
    line-height: 24px;
}

.contentdv1_2 .p2 {
    padding: 15px 0px 15px 0px;
    font-family: 'Open Sans', sans-serif;
    color: #616161;
    font-weight: normal;
    border-top: 0px solid #CCC;
    border-bottom: 0px solid #CCC;
    margin-right: 0px;
}

.contentdv1_2 .p2bold {
    padding: 0px 0px 0px 0px;
    font-family: 'Open Sans Bold', sans-serif;
    color: #616161;
    font-weight: 900;
    border-top: 0px solid #CCC;
    border-bottom: 0px solid #CCC;
    margin-right: 0px;
}


#tb_ul {
    list-style: inside;
}

.contentdv1_2 .p3 {
    padding: 20px 0px 15px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #1d5180;
    font-weight: bold;
    margin-right: 20px;
}

.icondv {
    padding-top: 20px;
    padding-bottom: 20px;
}

.contentdv2 {
    width: 100%;
    background-color: #FFF;
    float: left;
    padding-bottom: 30px
}

.space_line {
    width: 940px;
    border-top: 1px solid #ccc;
    background-color: #fff;
    height: 30px;
    margin: 0 auto
}

.contentdv2_1 {
    width: 270px;
    background-color: #FFF;
    float: left
}

.contentdv2_2 {
    width: 710px;
    background-color: #FFF;
    float: left
}


/*TITLE STYLES START*/

.content_wrap {
    margin: 0 auto 0px auto;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 0px solid #ddd;
    height: auto;
}

.content_category {
    width: 230px;
    border-left: none;
    border-top: none
}

.content_pages {
    width: 230px;
    border-left: none;
    border-top: none
}

.content_gallery {
    width: 819px;
}

.content_description {
    width: 819px;
}

.content_policies {
    width: 465px;
    float: left
}

.content_featured_categories {
    width: 819px;
}

.content_title_outer {
    padding: 7px 0px 7px 0px;
    border-bottom: 1px solid #f0f0f0;
    float: left;
    background-color: #212121;
    width: 100%;
}

.content_title {
    padding-left: 15;
    font: 400 15px "Open Sans", sans-serif;
    color: #f5f5f5;
    text-transform: uppercase;
}

.category_title {}

.pages_title {}

.description_title {}

.policies_title {}

.featured_categories_title {}

.content_title span {
    color: #111;
}


/*TITLE STYLES END*/


/*MIDDLE SECTION START*/

.middle_bar {
    width: 990px;
    height: auto;
    float: left;
    margin-left: 0px
}


/*MIDDLE SECTION END*/


/*DESCRIPTION CONTENT START*/

.title_new {
    width: 819px;
    height: auto;
    background-color: #fbfbfb;
    margin: 0 auto;
    float: left;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #f0f0f0;
}

.title_new .dv1 {
    padding: 20px 10px 20px 30px
}

.title_new .dv1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #383838;
    padding: 5px 10px 5px 0px;
    text-align: center
}

.description_content {
    width: 819px;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    float: left;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #f0f0f0;
}

.description_content .dv1 {
    padding: 20px 20px 20px 20px
}

.description_content #dv1nw {
    padding: 15px 15px 15px 15px;
}

.description_content .dv1 p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #383838;
    padding: 5px 10px 5px 0px;
    text-align: center
}

.description_content .dv2 {
    background-color: #f9f9f9;
    margin-right: 0px;
    border: 0px;
    padding: 0px;
    border: 1px solid #e8e8e8
}

.description_content .dv2 p {
    font-family: 'Lato';
    font-size: 15px;
    font-weight: normal;
    color: #666;
    padding: 0px;
    text-align: left;
    padding: 20px
}

.description_content .dv1 h3 {
    font-family: 'Lato';
    font-size: 18px;
    padding: 20px 0px 10px 20px
}

.description_content .dv1 .dv3 {
    background-color: #;
    margin-left: 37px;
    border: 0px;
    padding: 0px
}

.description_content .dv1 .dv3 ul li {
    font-family: 'Lato';
    font-size: 14px;
    line-height: 1.7;
}

.dv3 ul li {
    font-size: 14px
}


/*DESCRIPTION CONTENT END*/


/*POLICIES CONTENT START*/

.policies_content {
    width: 475px;
    height: auto;
    background-color: #FFFFFF;
    margin: 0 auto;
    float: left;
    margin: 0px 0px 0px 0px
}

.tabbed_content {
    width: 475px;
    height: auto;
    background-color: #FFFFFF;
    margin: 0 auto;
    padding: 10px
}

.tabbed {
    margin: 0 auto;
    min-width: ;
    max-width: ;
    font: 16px "Open Sans", sans-serif;
    ;
    margin-bottom: 10px;
    width: 475px;
}

.tcontent {
    background: #FFFFFF;
    color: #FFFFFF;
    font: 14px "Open Sans", sans-serif;
    ;
    width: 475px;
    border: 1px solid #ddd;
    border-top: none;
}

.tcontent > div {
    display: none;
    padding: 20px 25px 20px;
    background-color: #fff
}

.tcontent > div ul {
    list-style: none
}

.tabbed input {
    display: none;
}

.tabbed label {
    display: inline-block;
    padding: 12px 1px 12px 0px;
    font-weight: normal;
    text-align: center;
    background: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #ddd;
    text-transform: uppercase;
}

label:hover {
    color: #000;
    cursor: pointer;
}

input:checked + label {
    background: #111;
    color: #fff;
    ;
    width: 100%;
    text-transform: uppercase
}

.tabbed label img {
    float: left;
    padding-right: 5px;
    width: 30px
}

#content1 ul img {
    position: relative;
    right: -2px;
    bottom: -10px;
    width: 205px
}

#tab1:checked ~ .tcontent #content1,
#tab2:checked ~ .tcontent #content2,
#tab3:checked ~ .tcontent #content3,
#tab4:checked ~ .tcontent #content4,
#tab5:checked ~ .tcontent #content5 {
    display: block;
}


/*POLICIES CONTENT END*/


/*FOOTER START*/

.footer {
    width: 998px;
    height: 56px;
    margin: 0 auto;
    margin-top: 15px;
    background-color: #111
}

.footer_div1 {
    width: 235px;
    height: 56px;
    background-color: #;
    float: left;
    opacity: 1
}

.footer_div1 .dv1_p1 {
    font-size: 21px;
    color: #999;
    float: left;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    padding: 10px 0px 0px 14px;
}

.footer_div1 .dv1_p2 {
    font-size: 16px;
    color: #999;
    float: left;
    font-family: 'Oswald', sans-serif;
    padding: 16px 7px 0px 8px;
}

.footer_div2 {
    width: 408px;
    height: 56px;
    background-color: #;
    float: left;
    opacity: 1;
    margin-right: 8px;
}

.footer_div3 {
    width: 218px;
    height: 56px;
    background-color: #;
    float: left;
    opacity: 1
}

.footer_div4 {
    width: 186px;
    height: 56px;
    background-color: #;
    float: right;
    opacity: 1;
}

.social-icons-bottom {
    display: ;
    width: ;
    height: auto;
    background-color: #;
    margin: 0 auto;
    margin-top: 0px;
    text-align: right;
    padding: 14px 7px 0px 0px;
}

.social-icons-bottom a img {
    display: ;
    width: 33px;
}

.social-icons-bottom a img:hover {
    display: ;
    opacity: 0.8
}

.footer-social-icons {
    width: 130px;
    display: block;
    float: right;
    position: relative;
    bottom: -4px;
}

.social-icon {
    color: #fff;
}

ul.social-icons {
    margin-top: 0px;
}

.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}

.social-icons a {
    color: #ccc;
    text-decoration: none;
    font-size: 16px
}

.fa-facebook {
    padding: 10px 15px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #f9f9f9;
}

.fa-facebook:hover {
    background-color: #3d5b99;
}

.fa-twitter {
    padding: 10px 12px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #f9f9f9;
}

.fa-twitter:hover {
    background-color: #00aced;
}

.fa-instagram {
    padding: 10px 13px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #f9f9f9;
}

.fa-instagram:hover {
    background-color: #a834b1;
}

.fa-youtube {
    padding: 10px 13px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #f9f9f9;
}

.fa-youtube:hover {
    background-color: #e64a41;
}

.fa-google-plus {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #f9f9f9;
}

.fa-google-plus:hover {
    background-color: #e25714;
}

.fa-skype {
    padding: 10px 12px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #f9f9f9;
}

.fa-skype:hover {
    background-color: #02a6e5;
}

.fa-whatsapp {
    padding: 10px 12px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #f9f9f9;
}

.fa-whatsapp:hover {
    background-color: #0dc143;
}

.like {
    width: 100%;
    height: 300px;
    background-color: #fff;
    float: left;
    padding: 45px 0px 0px 0px;
}

.likedv {
    width: 100%;
    height: 43x;
    float: left;
    margin-bottom: 25px;
}

.likedv1 {
    width: 970px;
    height: 43px;
    background-color: #17375e;
    margin: 0 auto;
    margin-bottom: 25px;
}

.likedv1 a {
    text-align: center;
    font-size: 29px;
    color: #fff;
    font-weight: bold;
    display: block;
    padding-top: 1px;
}

#cat_bot_up {
    width: 25%;
    height: 156px;
    background-color: #;
    float: left;
    margin: 0px 0px 0px 0px;
}

#cat_bot_up:nth-child(2) {
    margin-left: 0px;
}

#cat_bot {
    border-radius: 50%;
    border: 1px solid #cccs;
    width: 100%;
    height: 156px;
    text-align: center
}

#cat_bot img {
    border-radius: 50%;
    border: 1px solid #ccc
}

#cat_name {
    float: left;
    text-align: center;
    width: 100%
}

#cat_name a {
    font-size: 18px;
    color: #000;
    display: block;
    text-align: center;
    padding: 7px 0px 0px 0px;
    font-weight: bold
}

#cat_bot > img:hover {
    opacity: 0.9;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.foot_new {
    width: 100%;
    height: 43x;
    float: left;
    margin-top: 30px;
    background-color: #f9f9f9
}

.foot_newdv {
    width: 100%;
    height: 43px;
    background-color: #;
    margin: 0 auto;
    margin-bottom: 0px;
}

#copy {
    text-align: left;
    font-size: 10px;
    color: rgba(119, 119, 119, 0.75);
    font-weight: bold;
    display: block;
    padding-top: 8px;
    float: left;
    padding: 14px 0px 0px 16px;
    text-decoration: none
}


/*Tab Animation*/

@keyframes tabOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes tabIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

div#tabcon {
    margin: 10px 0px;
    display: block;
}

div#tabcon [type=radio] {
    display: none;
}

div#tabcon label {
    display: none;
}

div#tabcon label.mobile_tab {
    display: none;
}

div#tabcon label li {
    font-size: 18px;
    /*font-family: 'Khula', Arial, Helvetica, sans-serif;*/
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 10px 0px;
    transition: all 0.5s;
    font-weight: 700;
    position: relative;
    border-top: 1px solid #ccc;
}

#tabcon li a {
    color: #666
}

div#tabcon label li:after {
    content: "\f077";
    font-family: "fontawesome";
    color: #ccc;
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 14px;
}

div#tabcon label.mobile_tab {
    display: block;
}

div#tabcon #tab-1:checked ~ .label-tab-1 li,
div#tabcon #tab-2:checked ~ .label-tab-2 li,
div#tabcon #tab-3:checked ~ .label-tab-3 li,
div#tabcon #tab-4:checked ~ .label-tab-4 li,
div#tabcon #tab-5:checked ~ .label-tab-5 li,
div#tabcon label li:hover {
    background: #fff;
}

div#tabcon #tab-1:checked ~ .label-tab-1 li a,
div#tabcon #tab-2:checked ~ .label-tab-2 li a,
div#tabcon #tab-3:checked ~ .label-tab-3 li a,
div#tabcon #tab-4:checked ~ .label-tab-4 li a,
div#tabcon #tab-5:checked ~ .label-tab-5 li a,
div#tabcon label li:hover a {
    color: #666;
}

div#tabcon #tab-1:checked ~ .label-tab-1 li:after,
div#tabcon #tab-2:checked ~ .label-tab-2 li:after,
div#tabcon #tab-3:checked ~ .label-tab-3 li:after,
div#tabcon #tab-4:checked ~ .label-tab-4 li:after,
div#tabcon #tab-5:checked ~ .label-tab-5 li:after,
div#tabcon label li:hover:after {
    content: "\f078";
    color: #ccc;
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 14px;
}

div#tabcon #tab-1:checked ~ .content1,
div#tabcon #tab-2:checked ~ .content2,
div#tabcon #tab-3:checked ~ .content3,
div#tabcon #tab-4:checked ~ .content4,
div#tabcon #tab-5:checked ~ .content5 {
    display: block;
}

div#tabcon #tab-1:checked ~ .content1 .tabcontent,
div#tabcon #tab-2:checked ~ .content2 .tabcontent,
div#tabcon #tab-3:checked ~ .content3 .tabcontent,
div#tabcon #tab-4:checked ~ .content4 .tabcontent,
div#tabcon #tab-5:checked ~ .content5 .tabcontent,
div#tabcon #tab-1:checked ~ .content1 h4,
div#tabcon #tab-2:checked ~ .content2 h4,
div#tabcon #tab-3:checked ~ .content3 h4,
div#tabcon #tab-4:checked ~ .content4 h4,
div#tabcon #tab-5:checked ~ .content5 h4 {
    animation-name: tabIn;
    animation-duration: 1.2s;
}

div#tabcon .content {
    animation-duration: 0.5s;
    clear: both;
    padding: 0px 0px 20px 0px;
    display: none;
}

div#tabcon .content h4.tabtitle {
    display: none;
}

div#tabcon .content .tabcontent {
    font-family: "Open Sans", sans-serif;
    white-space: normal;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
}

div#tabcon .content .tabcontent a {
    color: #196696;
    text-decoration: underline;
}

div#tabcon label li a {
    display: block;
    pointer-events: none;
}


/*Tab Animation*/


/*FOOTER END*/

@media (max-width: 998px) {
    .topbanner {
        height: auto;
        width: 100%
    }
    .topbanner img {
        height: auto;
        width: 100%
    }
    #slider_main_div {
        width: 100%;
        padding-bottom: 3px;
    }
    div#captioned-gallery {
        width: 100%;
        overflow: hidden;
        width: 100%;
        height: auto
    }
    .main_manu_div {
        width: 100%
    }
    .menubar_div {
        width: 100%
    }
    .store_image {
        display: none
    }
    .homea {
        display: inherit;
    }
    .menubar {
        width: 100%;
        height: auto;
    }
    .menubar-menu {
        width: 100%;
        height: auto;
        background-image: url(https://cdn.aaa.four13.co/images/bg1.png)
    }
    .title_new {
        width: 100%;
    }
    .title_new .dv1 {
        padding: 25px 20px 20px 20px
    }
    .content {
        width: 100%;
        padding-top: 0px;
        border: 0px
    }
    .left_bar {
        display: none
    }
    .content_title {
        background: url() no-repeat right;
    }
    .featured_categories_description {
        display: none
    }
    .content_wrap {
        border-left: none;
        border-right: none;
        background: #FFF;
    }
    .content_gallery {
        width: 100%;
    }
    .content_description {
        width: 100%;
    }
    .content_policies {
        width: 100%;
    }
    .content_featured_categories {
        width: 100%;
    }
    .content_title_outer {
        width: 100%;
    }
    .description_title {
        height: auto
    }
    .middle_bar {
        width: 100%;
        margin-left: 0px
    }
    #gallery_div {
        width: 100%;
        height: 500px;
        margin: 0 auto;
        text-align: center;
        float: left;
        background-color: #FFF;
        padding-top: 14px;
        padding-bottom: 15px;
    }
    .image_gallery {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
        float: left;
        padding-top: 10px
    }
    .tabbed label {
        padding: 10px 0px 10px 0px;
        width: 100%;
        border: 1px solid #f1f1f1;
    }
    .description_title {
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin: 0px 0px 0px 0px
    }
    .description_content {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0px;
        border: 0px
    }
    .gallery .images>span.right {
        margin-left: -50px
    }
    .policies_content {
        width: 100%
    }
    .tabbed_content {
        width: 100%
    }
    .policies_title {
        width: 100%;
        height: 25px;
        margin: 0 auto;
        margin: 0px 0px 0px 0px
    }
    .policies_content {
        width: 100%;
        height: auto;
        margin: 0 auto;
        float: left;
        margin: 10px 0px 0px 0px
    }
    .tcontent {
        width: 100%
    }
    .tabbed_content {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0px
    }
    .tabbed label img {
        display: none
    }
    .tabbed {
        width: 100%
    }
    input:checked + label {
        width: 100%
    }
    .social-icons-bottom {
        display: inherit;
        width: 100%;
        height: auto;
    }
    .social-icons-bottom a img {
        display: inherit;
    }
    .social-icons-bottom a img:hover {
        display: inherit;
    }
    .social-icons-bottom {
        margin: 0px;
    }
    #fc_main_div {
        display: none
    }
    #featured_categories {
        width: 100%;
        text-align: center;
        float: none;
        margin: 0 auto
    }
    #hover {
        width: 100%;
        height: 100%;
        text-align: center;
        float: none;
        margin: 0 auto
    }
    .cat {
        margin-top: 24px;
        margin-bottom: 20px;
    }
    .featured_items_new {
        display: none;
    }
    .featured_items_new .logo_hide {
        display: none;
    }
    /*MENU*/
    nav {
        margin: 0;
        background-color: #FFF
    }
    .toggle + a,
    .menu {
        display: none;
    }
    .toggle {
        display: block;
        background-color: #000;
        padding: 12px 20px;
        color: #FFF;
        font-size: 17px;
        text-decoration: none;
        border: none;
        background-image: url(https://cdn.aaa.four13.co/images/bg1.png)
    }
    .toggle:hover {
        background-color: #000;
        color: #FFF
    }
    [id^=drop]:checked + ul {
        display: block;
    }
    nav ul li {
        display: block;
        width: 100%;
    }
    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }
    nav ul ul ul a {
        padding: 0 80px;
    }
    nav a:hover,
    nav ul ul ul a {
        background-color: #E1DDDD;
        opacity: 0.9
    }
    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 14px 20px;
        color: #FFF;
        font-size: 17px;
    }
    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #212121;
    }
    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
    }
    nav ul ul li:hover > ul,
    nav ul li:hover > ul {
        display: none;
    }
    nav ul ul li {
        display: block;
        width: 100%;
    }
    nav ul ul ul li {
        position: static;
    }
    /*MENU*/
    .footer {
        width: 100%;
        background-image: url();
        background-color: #fbfbfb;
        margin: 0px;
        height: auto;
        float: left
    }
    .footer_div1 {
        display: none
    }
    .footer_div2 {
        width: 100%;
        height: 30px;
    }
    .scroll-right {
        height: 30px;
    }
    .footer_div3 {
        width: 100%;
        height: 45px;
    }
    .footer_div4 {
        display: none
    }
    .scroll-right p {
        line-height: 28px;
        font-size: 13px;
        color: #d3d1d1
    }
    .scroll-right {
        background-color: #212121;
    }
    .social-icons-bottom {
        display: ;
        width: ;
        height: auto;
        background-color: #;
        margin: 0 auto;
        margin-top: 0px;
        text-align: right;
        padding: 6px 0px 0px 0px;
        text-align: center
    }
    .social-icons-bottom a img {
        display: ;
        width: 33px;
    }
    .social-icons-bottom a img:hover {
        display: ;
        opacity: 0.8
    }
    .footer-social-icons {
        float: none;
        text-align: center;
        bottom: 3px;
        margin: 0 auto
    }
}

@media all and (max-width: 768px) {
    /*FEATURED CATEGORIES START*/
    #fc_main_div {
        width: 100%;
        height: auto;
    }
    #fc_img_div {
        width: 33.33%;
        height: auto;
        margin-top: 10px
    }
    #fc_main_div #fc_img_div #img_div {
        width: 100%;
        height: auto;
    }
    #fc_main_div #fc_img_div #img_div figure {
        width: 100%;
        height: auto;
    }
    #fc_main_div #fc_img_div #img_div figure #img {
        width: 100%;
        height: 30%
    }
    /*FEATURED CATEGORIES END*/
    .preview {
        height: auto;
        padding-bottom: 10px;
    }
    .preview img {
        width: 98%;
        padding: 0px 0px 0px 0px
    }
    #gallery_div {
        height: auto;
        padding-top: 12px;
        margin-top: 0px;
    }
    #content1 ul img {
        display: none
    }
    #content4 ul img {
        display: none
    }
    .description_content .dv1 p {
        font-size: 16px
    }
}

@media (max-width: 600px) {
    .featured_items_new .logo_hide {
        width: 100%;
        height: 30px;
        background-color: #FFF;
        text-align: center;
        position: relative;
        top: -37px;
        margin: 0 auto
    }
    #fc_main_div {
        width: 100%;
        height: 382px;
        background-color: #FFF;
        clear: both
    }
    #fc_main_div #fc_img_div {
        width: 50%
    }
}

@media (max-width: 550px) {
    .content_main {
        width: 100%;
        float: left
    }
    .contentdv1_1 {
        width: 100%;
        float: left;
        height: auto
    }
    #gallery_div {
        padding-top: 20px;
    }
    .container-fluid {
        float: none
    }
    .contentdv1_2 {
        width: 100%;
        float: left;
    }
    .contentdv1_2 .p1 {
        margin-left: 20px;
        text-align: center;
    }
    div#tabcon {
        margin: 10px 15px 0px 15px;
    }
    .like {
        height: auto;
        padding: 0px 0px 0px 0px
    }
    .likedv {
        margin-bottom: 0px;
    }
    .likedv1 {
        width: 100%;
        margin-top: 25px;
        height: auto
    }
    #cat_bot_up {
        width: 50%;
        margin: 0px 0px 50px 0px;
    }
    #copy {
        width: 100%;
        text-align: center;
        padding: 14px 0px 0px 0px;
    }
    .footer-social-icons {
        width: 100%;
        float: left;
        bottom: 0px;
        margin-top: 5px;
        margin-bottom: 5px
    }
    .likedv1 a {
        padding: 0px 0px 2px 0px;
        font-size: 25px
    }
}

@media (max-width: 350px) {
    #cat_bot_up {
        width: 100%
    }
}

@media (max-width: 420px) {
    .image_gallery {
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
    }
    .content4 ul img {
        width: 100%
    }
    .toggle {
        text-align: center
    }
}

@media all and (max-width: 330px) {
    /*MENU*/
    nav ul li {
        display: block;
    }
    /*MENU*/
}


/*STYLE END*/


/*-----------------------------------------------------------------------*/


/*-----------------------------------------------------------------------*/
