@font-face {
    font-family: 'Polar Regular';
    src: url('../includes/fonts/POLAR-Regular.woff2') format('woff2'),
        url('../includes/fonts/POLAR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root{
    --alpha: 0.3;
}

.core-body{
    /*box-sizing: border-box;*/
}

a,hyperlink span{
    color:rgba(138,138,138,1);
    color:rgba(0,94,171,0.7);
    /* font-family:'Abel'; */
}
 
a:hover,hyperlink span:hover{
    color:rgba(0,74,151,1);
}

body{
    padding: 0px;
    margin: 0px;
    font-family:Polar Regular;
    /*color:rgba(33,33,33,1);*/
    color:rgba(0,94,171,1);
    font-size:14px !important;
    background-color:rgba(255,255,255,0.1) !important;
    
    
    /*background-image:url(../images/background.jpg);
    background-repeat:repeat-x;
    background-position:top left;
    background-attachment:fixed;
    background-color:#FFF;
    width:5076px;
    animation: slide 60s linear infinite;*/
}

.sliding-background {
    position: fixed;
    top:0;
    left:0;
    background: url(../images/flow03.jpg);
    height: 100%;
    width: 4000px;
    overflow: hidden;
    /* animation: slide 240s linear infinite; */
}

@keyframes slide{
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1600px, 0, 0);
  }
}
 
button{
    color:rgba(33,33,33,1) !important;
    font-size:16px !important;
    font-weight:Bold !important;
    background-color:rgba(255,255,255,1) !important;
    border-color:rgba(58,81,153,0.85) !important;
    border-radius:3px !important;
}

h1{
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: 'Polar Regular';
    font-size:28px;
    font-weight:bold;
    text-align:center;
    color:rgba(0,94,171,1);
    margin-top:0;
    line-height:30px;
    background: rgba(255, 255, 255, 0);
    background-image: linear-gradient(rgba(205, 238, 254, 0.1), rgba(205,238,254,0.9), rgba(205, 238, 254, 0.1));
}
 
h2{
    font-family: 'Polar Regular';
    color:rgba(0,94,171,1);
    font-size:22px;
    font-weight:Bold;
}
 
h3{
    font-family: 'Polar Regular';
    color:rgba(0,94,171,1);
    font-size:18px;
}
 
h4{
    font-family: 'Polar Regular';
    color:rgba(33,33,33,1);
    color:rgba(0,74,151,1);
    font-size:16px;
}
 
h5{
    font-family: 'Polar Regular';
    color:rgba(33,33,33,1);
    font-size:20px;
}

li{
    list-style:disc;
    font-family:font-family:'Polar Regular'; /*Arial, Helvetica, sans-serif;*/
    font-size:14px;
    font-weight:bold;
    color:rgba(0,94,171,0.9);
    padding-left:5px;
    line-height:20px;
}

ul.core-li {
    list-style: square outside;
}

p{
    font-family:Polar Regular;    /*Arial, Helvetica, sans-serif;*/
    font-size:14px;
    line-height:20px;
    color:rgba(0,94,171,1);
    text-align:justify;
}

table{
    border-color:rgba(0,94,171,1);
}

td{
    color:rgba(0,94,171,1);
}

.text-block{
    display:block;
    padding: 5px 20px 5px 20px;
    /*background-color: rgba(55,137,254,0.1);*/
    background-color: rgba(255,255,255,0);
    background-image: linear-gradient(#ffffff, rgba(205,238,254,1));
    border-style: ridge; 
    border-color:rgba(58, 137, 224, 0.7);
}

.center-block{
    display: flex;
    width:100%;
    justify-content: center;
}

.cb-bg-01{
   /* background-color: rgba(58, 137, 224, 0.7);*/
   background: linear-gradient(
        45deg,
        rgba(255, 0, 0, var(--alpha)) 0%,
        rgba(255, 154, 0, var(--alpha)) 5%,
        rgba(208, 222, 33, var(--alpha)) 10%,
        rgba(79, 220, 74, var(--alpha)) 15%,
        rgba(63, 218, 216, var(--alpha)) 20%,
        rgba(47, 201, 226, var(--alpha)) 25%,
        rgba(28, 127, 238, var(--alpha)) 30%,
        rgba(95, 21, 242, var(--alpha)) 35%,
        rgba(186, 12, 248, var(--alpha)) 40%,
        rgba(251, 7, 217, var(--alpha)) 45%,
        rgba(255, 0, 0, var(--alpha)) 50%,
        rgba(255, 154, 0, var(--alpha)) 55%,
        rgba(208, 222, 33, var(--alpha)) 60%,
        rgba(79, 220, 74, var(--alpha)) 65%,
        rgba(63, 218, 216, var(--alpha)) 70%,
        rgba(47, 201, 226, var(--alpha)) 75%,
        rgba(28, 127, 238, var(--alpha)) 80%,
        rgba(95, 21, 242, var(--alpha)) 85%,
        rgba(186, 12, 248, var(--alpha)) 90%,
        rgba(251, 7, 217, var(--alpha)) 95%,
        rgba(255, 0, 0, var(--alpha)) 100%
    );
}

.center-block img{
    max-width: 100%;
    max-height: 100%;
}

.cb-x{
    max-width:33%;
    padding: 5px;
    flex: 1 1;
    /*order: 2;*/
}

.cb-01{
    max-width:65.5%;
    padding: 5px;
    flex: 1 1;
    /*order: 2;*/
}

.cb-02{
    max-width:31%;
    padding: 5px;
    flex: 1 1;
    /*order: 2;*/
}

.cb-03{
    max-width:16%;
    padding: 5px;
    flex: 1 1;
    /*order: 2;*/
}

.cb-04{
    max-width:26%;
    padding: 5px;
    flex: 1 1;
    /*order: 2;*/
}

.image-click{
    background-color: rgba(255,255,255,1);
    text-align: center;
    font-weight: bold;
    color: red;
    display:block;
    cursor:pointer;
    border-style: ridge; 
    border-color:rgba(58, 137, 224, 0.7);
    line-height:20px;
}

.image-click:hover{
    border-color: red;
    text-decoration: underline;
}
	
.image-click img{
    height:100%;
    width:100%;
}

.loading-page{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('http://coredigitalcrm.co.za/newsite/images/circle_loader_1.gif') center no-repeat #fff;
}

.color-band{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:10px;
    background: url(../images/colorband.jpg);
    opacity: 0.5;
}

.botnav{
    position: relative;
    /*top: 399px;*/
    width: 100%;
    height: 100px;
    z-index: 2;
    background-color:rgba(255,255,255,0);
    background-image: linear-gradient(#ffffff, rgba(205,238,254,1));
    /*background-image: linear-gradient(rgba(0,94,171,1), rgba(58, 137, 224, 0.7));*/
    color: rgba(0,94,171,1);
    border-top: ridge; 
    border-color:rgba(58, 137, 224, 0.7);
    box-sizing: border-box;
}

.botnav ul li ul {
    position: absolute;
}

.FS12{
    font-size: 12px;
}

.thenewbottomnav{
    text-align:center;
    /*width:100vw;*/
    padding:20px;
    width: 100%;
    height:auto!important;
    display:none;
}

.thebotnav_section{
    text-align:left;
    display:inline-block;
    width:280px;
    vertical-align:top;
    margin-right:20px;
}

.realdeal .thebotnav_section{width:340px;}

.thebotnav_section ul{list-style: none;padding-left: 0px;}
.thebotnav_section li{margin-bottom: 8px;}

.thebotnav_section .aicon{
    width: 33px;
    height: 33px;
    display: inline-block;	
    margin: 0px;
    vertical-align: top;
    border: 1px solid #CCCCCC;
    background: white;
    border-radius: 3px;	
    margin-right:5px;
}

.thebotnav_section .aicon .fa{
    color: darkgrey;
    font-size: 25px;
    margin-top: 4px;
    margin-left: 7px;	
}

.horizontal_section{
    width:100%!important;
    margin-top:15px;
    margin-bottom:10px;
    text-align:center;
}

.thebotnav_title{
    font-weight:bold!important;
    margin-bottom:15px;
    font-size:18px;
    margin-top:0px;
}

.thebotnav_link{
    margin-bottom:5px;width:100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

thebotnav_text{
    color:rgba(0,94,171,1);
    font-size: 14px;
}

.contactline{width:100%;margin-bottom:5px;}
.thecontactitem{
    width:calc(100% - 20px);
    display: inline-block;
    margin-top: 0px;
    color:rgba(0,74,151,1);
}

.aicon .fa-map-marker{margin-left: 9px!important;}
.aicon .fa-envelope{margin-left: 3px!important;}

.horizontal_section .thebotnav_title{/*display:none;*/}
.horizontal_section  ul li{display:inline-block;margin-left: 10px;}
.horizontal_section  ul li:not(:first-child)::before{content:'|';margin-right:15px;}
.horizontal_section  .contactline {width:25%;display: inline-block;}
.horizontal_section .aicon .fa-map-marker,.horizontal_section .aicon .fa-envelope,.horizontal_section .aicon .fa-user,.horizontal_section .aicon .fa-phone{margin-left: 0px!important;}
.horizontal_section .aicon .fa-envelope{margin-left: 0px!important;}

.fa{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.thebotmenuimg{
    height:180px;
    background-repeat:no-repeat;
    background-position: 50%;
    width: 100%;
    background-size: contain;
    cursor:pointer;
}

.logo{
    background-color:rgba(47,+46,+51,+0) !important;
}

.core-body .logo {
    position: relative;
    left: auto;
    top: auto;
    height: 220px;
    z-index: 1;
    border-radius: 10px !important;
    z-index: 3;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: -25px;
}

.core-body .logo img {
    max-height: 90px !important;
}

.core-body .logo {
    height: auto ;
    /* min-height: 90px; */
}

.core-body .logo {
    z-index: 200;
}

.core-body .logo img {
    max-width: 505px !important;
    margin: 0px;
}

.rv-image {
    overflow: hidden;
}

.image1 {
    width: 100%;
}

/*---------------------------------top-menu-----------------------------------*/
.mobile-nav-cont{
    display:none;
    max-width:1160px;
    margin:auto;
    position:relative;
    background-color:rgba(205,238,254,1); /*205,238,254*/
    background-image: linear-gradient(rgba(0,94,171,1), rgba(58, 137, 224, 0.7));
    vertical-align: top;
}

.mobile-nav-cont .mobile-navbar li{
    width: 120px;
    line-height: 40px;
}

.navbar {
    padding: 0;
    padding-left: 300px;
    position: absolute;
    border-right: transparent;
}

.mobile-navbar{
    position: relative !important;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: auto;
}

.navbar a{
    color:rgba(255,255,255,1);  /* rgba(0,94,171,1) */
    font-family: Polar Regular;
    font-size:16px;
    font-weight:Bold !important;
    border-width:1px !important;
    border-color:rgba(47,46,51,0) !important;
}

.mobile-nav-cont .mobile-navbar li a{
    font-size:24px;
}

/*===============*/
.mobile-navbar li ul {
    list-style: none !important;
    display: none;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 100000;
}

.mobile-navbar ul li {
    width: 100%;
}

.mobile-navbar li:hover ul {
    display: block;
}

.mobile-navbar li:first-child a {
    border-left: 1px solid;
}

.mobile-navbar a {
    padding: 18px 0;
    border-right: 1px solid;
    text-decoration: none;
    color: white;
    display: block;
}

.mobile-navbar li ul li a {
    border-left: 1px solid #1f5065;
    border-right: 1px solid #1f5065;
    border-top: 1px solid #74a3b7;
    border-bottom: 1px solid #1f5065;
}
/*===============*/
 
.navbar a:active, li a.navbara-active{
    color: red; /*rgba(0,94,171,1);*/
    font-size:16px;
    font-weight:Bold;
}
 
.navbar a:hover{
    color:rgba(33,33,33,1);
    font-size:16px;
    font-weight:Bold;
}

flag {
    cursor: pointer;
}

.linear-BG{
    background-image: linear-gradient(rgba(205,238,254,0.3), rgba(255,255,255,1));
    background-image: linear-gradient(rgba(58, 137, 224, 0.7), rgba(0,94,171,1));
}

.navbar ul {
    list-style: none !important;
}

.navbar li {
    position: relative;
    height: auto;
    width: 170px;
    float: left;
    text-align: center;
    list-style: none !important;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.navbar li ul {
    list-style: none !important;
    display: none;
    height: auto;
    margin: 0;
    padding: 0;
    z-index: 100000;
}

.navbar ul li {
    width: 100%;
    border-bottom: ridge; 
    border-color:rgba(49, 191, 233, 0.8);
}

.navbar li:hover ul {
    display: block;
}

.navbar li:first-child a {
    border-left: 1px solid;
}

.navbar a {
    padding: 18px 0;
    border-right: 1px solid;
    text-decoration: none;
    color: white;
    display: block;
}

.navbar li ul li a {
    /* border-left: 1px solid #1f5065;
    border-right: 1px solid #1f5065;
    border-top: 1px solid #74a3b7;
    border-bottom: 1px solid #1f5065;*/
    font-size: 14px;
    border-top: ridge;
    border-color:rgba(49, 191, 233, 0.8);
}

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

.internal {
    height: 30px;
    width: 100%;
    z-index: 99;
    background-color: transparent;
}

.topnav{
    position: relative;
    background-color:rgba(255,255,255,1); /*205,238,254*/
    background-image: linear-gradient(rgba(0,94,171,1), rgba(58, 137, 224, 0.7));
    margin-top: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    z-index: 2000;
    border-top: ridge;
    border-bottom: 5px ridge; 
    border-color:rgba(58, 137, 224, 0.7);
}

.topnav.sticky {
    position: fixed;
    margin-top: 0;
    top: 0;
    height: 50px;
}

.logo-fit{
    position: relative;
    margin-top: 8px;
    object-fit: cover;
    max-height: 460px;
    width: 100%;
}

.logo-fit img{
    max-width:100%;
    max-height:100%;
}

.box-middle{
    position: relative;
    max-width: 500px;
    margin: auto;
    object-fit: cover;
}

.box-middle img{
    max-width:100%;
    max-height:100%;
}

.full-width-shrink{
    max-width:100%;
    max-height:100%;
}

.core-page-container{
    max-width:1160px;
    margin:auto;
    position:relative;
    /*top:399px;*/
    display: flex;
    justify-content: center;
    box-sizing:border-box;
    background-color: rgba(55,137,254,0.1);
    box-shadow: 0 10px 30px rgba(0,0,255,0.1);
}

.core-page-container.cpc-shift{
    margin-top: 58px;
}

/*.core-page-container:after {
    content: "";
    display: table;
    clear: both;
}*/

.core-page{
    max-width:1160px;
    padding: 20px;
    /*background-color: rgba(255,255,255,1);*/
    background-color: rgba(55,137,254,0.0);
    font-family: 'Polar Regular';
    box-sizing:border-box;
    
    flex: 1 1;
    order: 2;
}

.core-page a{
    text-decoration: none;
}

.core-page a:hover{
    text-decoration: underline;
}

.core-page .core-link{
    color:rgba(0,74,151,1);
    text-decoration: underline;
}
 
.core-page .core-link:hover{
    color:rgba(0,94,171,0.7);
    text-decoration: none;
}

.core-left-menu {
    max-width:245px;
    padding: 0px;
    box-sizing:border-box;
    flex: 1 0 245px;
    order: 1;
}

.core-body .topnav .navbar {
    position: relative !important;
    display: inline-block;
    vertical-align: top;
}

.topnav li a, .mobile-nav-cont li a {
    text-decoration: none;
    position: relative;
    padding: 6px 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

.topnav li a:after, .mobile-nav-cont li a:after {
    content:'';
    width:0%;
    margin-left:50%;
    height:2px;
    bottom:0;
    left:0;
    border-radius:40%;
    position:absolute;
    transition:all 0.5s;
}

.topnav li a:hover:after, .mobile-nav-cont li a:hover:after {
    background-color:lightblue;
    width:60%;
    margin-left:20%;
    box-shadow:0px 0px 10px lightblue;
}

.topnav li a:hover, .mobile-nav-cont li a:hover{
    color:red;
}

.topnav li a.active:after, .mobile-nav-cont li a.active:after {
    background-color:lightblue;
    width:60%;
    margin-left:20%;
    box-shadow:0px 0px 10px lightblue;
}

.topnav li a.active, .mobile-nav-cont li a.active {
    color:red;color:red;
}



/*----------------------------------left-menu---------------------------------*/
.leftMenu{
    /*position:absolute;
    display:block;
    float:left;*/
    width:245px;
}

li.leftMenuButton{
    /*width:245px;*/
    display: block;
    /*border-bottom:solid 1px #fff;*/
    border-bottom: ridge; 
    border-color:rgba(49, 191, 233, 0.8);
    background: rgba(255, 255, 255, 0.7); 
    background-image: linear-gradient(rgba(58, 137, 224, 0.7), rgba(0,94,171,1));
    list-style:none;
    transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   cursor:pointer;
}

li.leftMenuButton:hover{
    background-image:none;
    background-color:rgba(255,255,255,0.9);
}

li.leftMenuButton a{
    width:80%;
    display: block;
    font-family:Polar Regular; /* Arial, Helvetica, sans-serif*/;
    font-size: 14px;
    text-decoration: none !important;
    text-align:left;
    line-height:35px;
    vertical-align:middle;
    list-style:none;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    color:#FFF;
    font-weight:bold;
    text-indent:7px;
}

li.leftMenuButton a:hover{
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
    text-indent:20px;
    color:rgba(0,94,171,1);
}



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

.leftMenu_Append{
    margin:-35px 0 0 200px;
    height:35px;
    width:35px;
    display: block;
    background-image:url(../images/leftMenu_Parent.png);
    background-repeat:no-repeat;
    cursor:pointer;
}

.leftMenu_Depend{
    margin:-35px 0 0 200px;
    height:35px;
    width:35px;
    display: block;
    background-image:url(../images/leftMenu_Child.png);
    background-repeat:no-repeat;
}

.leftMenu_Child {
    list-style:none;
    display:block;
    background: rgba(49, 191, 233, 0.8);
    border-bottom: ridge; 
    border-color:rgba(49, 191, 233, 0.8);
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.leftMenu_Child:hover{
    background-image:none;
    background-color:rgba(255,255,255,0.9);
}

.leftMenu_Child a{
    display:block;
    width:100%;
    color:#FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none !important;
    line-height:30px;
    vertical-align:middle;
    margin-left:20px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    font-weight:bold;
}

.leftMenu_Child a:hover{
    color:rgba(0,94,171,1);
    margin-left:30px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.relatedProducts{
    position:absolute;
    margin-left:715px;
    top:72px;
    width:270px;
}

/*--------------------------------page-stuff----------------------------------*/
.subMenuContainer{
    position: relative;
    display:flex;
    flex-wrap: wrap;
    width:100%;
    margin-bottom:10px;
    justify-content: center;
    background-color: rgba(252,254,255,0);
}

a.imageLink{
    font-family:Polar Regular, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:rgba(0,94,171,1);
    text-decoration:none;
}

a.imageLink:hover{
    
}

.PI_container-nolink{
    background-color: rgba(252,254,255,1);
    float:left;
    margin: 5px 10px 10px 0px;
    padding: 5px;
    width:140px;
    height:170px;
    display:block;
    border-style: ridge; 
    border-color:rgba(58, 137, 224, 0.7);
    line-height:20px;
}

.PI_container-nolink img{
    max-height:125px;
    max-width:125px;
}

.PI_container{
    background-color: rgba(252,254,255,1);
    margin: 5px 10px 10px 0px;
    padding: 5px;
    width:140px;
    height:170px;
    display:block;
    cursor:pointer;
    border-style: ridge; 
    border-color:rgba(58, 137, 224, 0.7);
    line-height:20px;
}

.PI_container:hover{
    border-color:#09F;
    text-decoration: underline;
    color:rgba(0,74,151,1);
}
	
.PI_container img{
    max-height:125px;
    max-width:125px;
}

.deliveryDetails{
    width:100%;
    display:block;
    color:#555;
}

.deliveryIcon{
    display: inline-block;
    float: left;
}

.delivery-icon{
    float:left; 
    width: 100px; 
    height: 100px; 
    margin-top: 8px; 
    margin-left:-20px;
}

.delivery-p{
    font-size: 14px; 
    font-weight: bold;
}

.icon-75{
    float:left; 
    max-width:75px; 
    max-height:75px; 
    margin-top: -8px; 
    margin-right:10px;
}

.icon-150{
    float:left; 
    max-width:150px; 
    max-height:150px; 
    margin-top: 0px; 
    margin-right:10px;
}

.ico-01{
    background:url(../images/contact.png) no-repeat bottom left;
    padding-left:40px;
    padding-top:16px;
}

.ico-02{
    background:url(../images/phone.png) no-repeat bottom left;
    padding-left:40px;
    padding-top:16px;
}

.ico-03{
    background:url(../images/envelope.png) no-repeat bottom left;
    padding-left:40px;
    padding-top:16px;
}

.ico-04{
    background:url(../images/mapper.png) no-repeat bottom left;
    padding-left:40px;
    padding-top:16px;
}


/*==============================media-queries=================================*/

@media (max-width: 1900px) {

    .core-body .topnav .navbar li {
        width: 170px;
    }

    .core-body .logo {
        max-width: 505px !important;
    }

    .core-body .logo img {
        max-width: 505px !important;
    }

}

@media (max-width: 1800px) {

    .core-body .topnav .navbar li {
        width: 160px;
    }

    .core-body .logo {
        max-width: 475px !important;
    }

    .core-body .logo img {
        max-width: 475px !important;
    }

}

@media (max-width: 1700px) {

    .core-body .topnav .navbar li {
        width: 150px;
    }

    .core-body .logo {
        max-width: 450px !important;
    }

    .core-body .logo img {
        max-width: 450px !important;
    }

}

@media (max-width: 1600px) {

    .core-body .topnav .navbar li {
        width: 140px;
    }

    .core-body .logo {
        max-width: 425px !important;
    }

    .core-body .logo img {
        max-width: 425px !important;
    }

}

@media (max-width: 1500px) {

    .core-body .topnav .navbar li {
        width: 130px;
    }

    .core-body .logo {
        max-width: 400px !important;
    }

    .core-body .logo img {
        max-width: 400px !important;
    }

}

@media (max-width: 1400px) {

    .core-body .topnav .navbar li {
        width: 120px;
    }

    .core-body .logo {
        max-width: 375px !important;
    }

    .core-body .logo img {
        max-width: 375px !important;
    }

}

@media (max-width: 1300px) {

    .core-body .topnav .navbar li {
        width: 110px;
    }

    .core-body .logo {
        max-width: 350px !important;
    }

    .core-body .logo img {
        max-width: 350px !important;
    }

}

@media (max-width: 1200px) {

    .core-body .topnav .navbar li {
        width: 100px;
    }

    .core-body .topnav{
        vertical-align: top;
        height: 40px;
    }
    
    .navbar{
        padding: 0;
        padding-left: 160px;
        margin:0px;
    }

}

@media (max-width: 920px) {
    .core-left-menu {
        display: none !important;
    }
    
    .navbar{
        padding: 0;
        padding-left: 110px;
        margin:0px;
    }
    
    .core-body .topnav{
    
        margin-top: 0px;
        /*vertical-align: top;*/
        height: 35px;
    }
    
    .internal {
        height: 30px;
    }
    
    .core-body .navbar li{
        width: 140px;
        line-height: 20px;
    }
    .core-body .navbar li a{
        font-size:14px;
    }
    
    .core-body .navbar li ul li a{
        font-size:10px;
        line-height: 15px;
    }
    .core-body .navbar a:active, .core-body li ul li a.navbara-active{
        font-size:12px;
    }
    .core-body .navbar a:hover{
        font-size:12px;
    }
}

@media (max-width: 770px) {
    
    .navbar{
        padding: 0;
        padding-left: 0px;
        margin:0px;
    }
    
    .core-body .topnav{
        margin-top: 0px;
        /*vertical-align: top;*/
        height: 30px;
    }
    
    .internal {
        height: 30px;
    }
    
    .core-body .navbar li{
        width: 140px;
        line-height: 20px;
    }
    .core-body .navbar li a{
        font-size:14px;
    }
    
    .core-body .navbar li ul li a{
        font-size:10px;
        line-height: 15px;
    }
    .core-body .navbar a:active, .core-body li ul li a.navbara-active{
        font-size:12px;
    }
    .core-body .navbar a:hover{
        font-size:12px;
    }
}

/*----------------------------------s8--i10-----------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    
    .core-left-menu {
        display: none !important;
    }
    
    /*------------------------------------------------------------------------*/
    
    .navbar{
        padding: 0;
        padding-left: 0px;
        margin:0px;
    }
    
    .core-body .topnav{
        margin-top: 0px;
        /*vertical-align: top;*/
        height: 60px;
    }
    
    .internal {
        height: 30px;
    }
    
    
    .core-body .topnav .navbar li{
        width: 240px;
        line-height: 45px;
    }
    .core-body .navbar li a{
        font-size:28px;
    }
    
    .core-body .navbar li ul li a{
        font-size:22px;
        line-height: 35px;
    }
    
    
    /*------------------------------------------------------------------------*/

    /*.internal {
        height: 50px;
        width: 100%;
        z-index: 99;
        background-color: transparent;
    }
    
    .mobile-nav-cont{
        display:block;
        max-width:1160px;
        margin:auto;
        position:relative;
        background-color:rgba(205,238,254,1); 
        background-image: linear-gradient(rgba(0,94,171,1), rgba(58, 137, 224, 0.7));
        vertical-align: top;
    }
    .mobile-nav-cont .mobile-navbar li{
        width: 240px;
        line-height: 45px;
    }
    .mobile-nav-cont .mobile-navbar li a{
        font-size:28px !important;
    } /*

    /*------------------------------------------------------------------------*/
    
    .thebotnav_title{
        font-size: 36px;
    }
    
    .thebotnav_link{
        font-size: 26px;
        line-height: 40px;
    }
    
    .horizontal_section  ul li:not(:first-child)::before{content:'|';font-size: 28px;}
    
    .FS12{
        font-size: 26px;
        line-height: 50px;
    }
    
    .thebotnav_text{
        font-size: 26px;
    }
    
    .thecontactitem{
        font-size: 26px;
    }
    
    .realdeal .mobile-section-left{
        width: 300px;
    }
    
    .realdeal .mobile-section{
        width: 520px;
        margin-bottom: 30px;
    }
    
    .realdeal .mobile-section-right{
        width: 450px;
    }
    
    .ico-01{
        background:url(../images/contact-m.png) no-repeat bottom left;
        padding-left:80px;
        padding-top:40px;
    }
    
    .ico-02{
        background:url(../images/phone-m.png) no-repeat bottom left;
        padding-left:80px;
        padding-top:40px;
    }

    .ico-03{
        background:url(../images/envelope-m.png) no-repeat bottom left;
        padding-left:80px;
        padding-top:40px;
    }

    .ico-04{
        background:url(../images/mapper-m.png) no-repeat bottom left;
        padding-left:80px;
        padding-top:40px;
    }
    
    .thebotmenuimg{
        height:250px;
    }
    
    /*------------------------------------------------------------------------*/
    
    .subMenuContainer{
        margin-bottom: 40px;
    }
    
    .PI_container{
        width:280px;
        height:340px;
        line-height: 35px;
    }
    
    .PI_container img{
        max-height:250px;
        max-width:250px;
    }
    
    .PI_container-nolink{
        width:280px;
        height:340px;
        font-size:28px;
        line-height: 35px;
    }

    .PI_container-nolink img{
        max-height:250px;
        max-width:250px;
    }
    
    a.imageLink{
        font-size:28px;
    }
    
    .core-table{
        margin-bottom: 40px;
    }

    td{
        color:rgba(0,94,171,1);
        font-size: 24px;
    }
    
    .icon-75{
        max-width:150px; 
        max-height:150px; 
        width: 150px;
        height: 150px;
        margin-top: 0px; 
    }
    
    .icon-100px{
        width: 200px;
    }
    
    .icon-150{
        max-width:300px; 
        max-height:300px; 
        width: 300px;
        height: 300px;
        margin-top: 4px; 
    }
    
    .delivery-icon{
        width: 200px; 
        height: 200px; 
        margin-top: 0px; 
        margin-left:-20px;
    }

    .delivery-p{
        font-size: 12px; 
        font-weight: bold;
    }
    
    .core-li {
        margin-bottom: 40px;
    }
    
    .core-li li{
        font-size: 12px;
    }
    
    p{
        margin-bottom: 40px;
    }
    
    .center-block img{
        width: 100%;
        height: 100%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) { 
     
}

@media only screen and (-webkit-min-device-pixel-ratio: 4) { 
    
}
/*----------------------------------------------------------------------------*/