@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}   
@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
         url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
} 
@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;  
} 

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 
html{font-size:14px}
body{font-family: 'poppinsregular'; font-size:14px;color:#333333;  background: #ffffff url(../images/body-bg.png) center top repeat-x;  }
ul{padding:0;margin:0}
p{font-size:1rem}
img{max-width:100%}
a:focus, a:active, a:hover{outline:none;text-decoration:none;cursor:pointer}
li{list-style:none}
p a{word-break:break-all}
.container{position:relative; max-width: 1300px;} 
/** Comman **/
.section { margin-top: 50px; margin-bottom: 50px;}
.section-title {  font-family: 'poppinslight'; font-size: 36px; line-height: 40px; color: #181d23; letter-spacing: -1px;  }
.section-subtitle { font-family: 'poppinssemibold'; font-size: 15px; line-height: 20px; color: #de1318; }
.title-paragraph { font-size: 15px; line-height: 24px; color: #717d8c; }
/**Header**/  
.navbar-toggler:focus, 
.navbar-toggler:hover { outline: none;}
.bar1, .bar2, .bar3 { width: 35px; height: 4px;  background-color: #333; margin: 6px 0; transition: 0.4s; border-radius: 3px; }  
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-6px, 6px); transform: rotate(-45deg) translate(-6px, 6px); }
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }  
.top-nav { background: #FFFFFF; padding: 5px 0; }
.top-nav ul li { display: block; float: left;  font-family: 'poppinsmedium'; font-size: 13px; line-height: 20px; color: #181d23; margin: 4px 4px;   }  
.top-nav ul li a { display: block; color: #181d23; }
.top-nav ul li a img { float: left; margin-right: 8px;}
ul.top-nav-left { float: left;}
ul.top-nav-left li { margin-right: 35px; }   
.top-nav-left li a { } 
.top-nav-right { float: right;}
ul.top-nav-right li:last-child { margin-left: 35px; }  
.navbar-light {background: #f0f4f7; padding: 32px 0px;  width: 100%;   transition: all ease 0.4s; } 
.navbar-fixed-top {
    position: fixed; top: 0; right: 0; left: 0; z-index: 9999; background-color: #fff;
    padding-top: 15px; padding-bottom: 15px; 
    box-shadow: 2px 0 10px rgba(0,0,0,0.17); 
    -webkit-box-shadow: 2px 0 10px rgba(0,0,0,0.17); 
    -moz-box-shadow: 2px 0 10px rgba(0,0,0,0.17);
    -o-box-shadow: 2px 0 10px rgba(0,0,0,0.17);   
    -ms-box-shadow: 2px 0 10px rgba(0,0,0,0.17);
} 
.navbar-light .navbar-nav .nav-link { font-size: 14px; line-height: 28px; color: #181d23;   font-family: 'poppinssemibold';  padding:0.4rem 0.4rem; margin-left: 1rem; margin-right: 1rem;  }  
.dropdown-toggle::after { }
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover { color: #de1318; }  
.cart-item { background: #de1318; height: 28px; width: 28px; margin-left: 8px; display: block; float: right; border-radius: 50%; text-align: center; color: #FFFFFF; }
.navbar-light .active-color .nav-link,
.navbar-light li.nav-item.active-color.dropdown.show .nav-link { color: #de1318; }
.navbar-light .navbar-nav .sell-device-btn { border: #de1318 solid 2px; color: #de1318; border-radius: 4px; padding-left: 1.7rem; padding-right: 1.7rem; margin-right: 0;}
.navbar-light .navbar-nav .sell-device-btn:hover {color: #181d23; border-color:#181d23;}
.dropdown-menu { border-radius: 0; display: none; position: absolute; top: 100%; left: -15px; z-index: 99;  border-top: 2px solid #de1318;
    min-width: 170px; max-width: 300px; padding: 0px; padding-top: 0px; padding-bottom: 0px; background: #fff; justify-content: space-between;
    box-shadow: 2px 0 10px rgba(0,0,0,0.17);
    -moz-box-shadow: 2px 0 10px rgba(0,0,0,0.17);
    -o-box-shadow: 2px 0 10px rgba(0,0,0,0.17);
    -webkit-box-shadow: 2px 0 10px rgba(0,0,0,0.17);
} 
.dropdown-item { border-top: 1px solid #eaeaea;  font-size: 13px; line-height: 1; display: block; color: #000;      transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s; 
    text-transform: capitalize; padding: 15px;
}
.dropdown-item.active, 
.dropdown-item:active { color: #fff; text-decoration: none; background-color: #de1318;}
.dropdown-item:hover { background:#f0f0f0; color: #000000;}  
.banner-heading { font-size: 51px; line-height: 60px; color: #181d23;   font-family: 'poppinslight'; margin-top: 30px; }
.banner-heading span { font-family: 'poppinssemibold'; display: block; }
.comman-btn { display: block; background: #de1318; border:1px solid #de1318; color: #FFFFFF; max-width: 250px; text-align: center; font-family: 'poppinssemibold'; font-size: 15px; line-height: 50px; border-radius: 8px; margin-top: 30px; }
.comman-btn:hover { background: #e41217; color: #FFFFFF; }
.comman-box-full { width: 100%; background: #FFFFFF; border: #e2e2e2 solid 1px; border-radius: 3px;  
    -o-box-shadow: 0px 5px 20px 15px rgba(33,40,46,0.05);
    -webkit-box-shadow: 0px 5px 20px 15px rgba(33,40,46,0.05); 
    box-shadow: 0px 5px 20px 15px rgba(33,40,46,0.05);
}

/** Footer Section*/
.get-touch-home {background: #de1318; height: 100px; width: 100%; margin-top: -150px; }
.get-touch-section { background: #de1318;  padding-top: 60px; padding-bottom: 50px; margin-top: 0px!important; }
.get-touch-bg { background: url(../images/footer-bg.png) 100px top no-repeat; padding-top: 50px; padding-bottom: 60px;}
.get-touch-bg .section-subtitle,
.get-touch-bg .section-title { color: #ffffff;}
.get-touch-col { margin-top: 30px; }
.get-touch-col-01 { padding-left: 0px;}
.get-touch-col-02 { float: right; }
.get-touch-col img { float: left;}
.get-touch-col p { color: #ffffff; font-size: 15px;  }
.get-touch-info { margin-left: 35px; }
.get-touch-title { color: #ffffff; font-size: 18px; font-family: 'poppinsmedium';} 
.footer-section { padding-top: 25px;   }
.footer-section .container { max-width: 1300px;  }

.footer-col { width: 20%; } 

.footer-nav-head { font-size: 18px; color: #181d23; line-height: 26px;  font-family: 'poppinsmedium'; }

ul.footer-nav { display: block; width: 100%; }
ul.footer-nav li { display: block; width: 100%; margin-bottom: 5px; }
ul.footer-nav li a { font-size: 14px; color: #717d8c;  }
ul.footer-nav li a:hover { color: #000000;}

.footer-affiliation { border-top: 2px solid #ededed; border-bottom: 1px solid #ededed; padding-top: 20px; padding-bottom: 20px; margin-top: 35px; margin-bottom: 45px; }
.footer-affiliation p { font-size: 13px; color: #aaaaaa; line-height: 25px; 
    margin: 15px 10px; }
.copy-right {  margin-bottom: 40px;}
.copy-right-left { float: left; font-size: 14px; color: #717d8c;}
.copy-right-right { float: right;}
.copy-right-right a { display: block; float: left; margin-right: 5px;}
.copy-right-right p { float: left; margin-left: 20px; font-size: 14px; color: #717d8c; line-height: 30px; margin-bottom: 0px;}

ul.mobile-nav { display:none; float: right; margin-left:14%; right: 0; }
ul.mobile-nav li { display: inline-block; margin-left: 15px; }
ul.mobile-nav li a { display: block;}





ul.navbar-new{ display:flex; margin-left: auto !important; padding:0px; margin:0px; list-style-type:none;}
ul.navbar-new a{font-size: 15px; line-height:normal; }
ul.navbar-new > li{display:block; padding:0px; margin:0px; float:left; position:relative;}
ul.navbar-new > li > a{ display:flex; width:100%; padding:6px 22px; margin:0px;justify-content: center; align-items: center; height:36px; color:rgb(64, 64, 64);}
ul.navbar-new > li > ul{ display:none; width:100%; min-width:180px; padding:0px; margin:0px; list-style-type:none; position:absolute; left:0px; top:100%; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index:999;}
ul.navbar-new > li > ul > li{ display:block; width:100%; padding:0px; margin:0px; position:relative;}
ul.navbar-new > li > ul > li > a{ display:flex; width:100%; padding:6px 12px; font-size: 14px; line-height:normal; min-height:32px;align-items: center; color:rgb(64, 64, 64);}
ul.navbar-new > li > ul > li > a > span{ display:flex; flex:1;  align-items: center; justify-content: start; height:36px;}
ul.navbar-new > li > ul > li > a > span.img{ max-width:40%; align-items: center; justify-content: center; margin-left:-16px;}
ul.navbar-new > li > ul > li > a > span.img img{ max-width:100%; max-height:24px;} 
ul.navbar-new > li > ul > li ul{ display:none; min-width:260px; position:absolute; left:100%; top:0px; width:100%;  padding:0px; margin:0px; list-style-type:none; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index:999;}
ul.navbar-new > li > ul > li ul li{ padding:0px; margin:0px; width:100%;}
ul.navbar-new > li > ul > li ul li a{ display:flex; width:100%; padding:6px 12px; font-size: 14px; line-height:normal; height:36px; align-items: center; justify-content: start; color:rgb(64, 64, 64);}
ul.navbar-new > li:hover > ul{ display:block;}
ul.navbar-new > li:hover  > ul > li:hover ul{ display:block;}
ul.navbar-new a.view-all{ padding:6px 12px; text-align:right; font-size:13px; width:100%; color:#636363; display: block;}
ul.navbar-new .cart-item{ display:flex; align-items: center; justify-content: center; width:24px; height:24px;}

@media (max-width: 991px) {
 
ul.navbar-new { display: block; }
ul.navbar-new > li{ width:100%;} 
ul.navbar-new > li > ul{ position:relative; left:inherit; right:inherit; top:inherit; bottom:inherit; width:100%;}
ul.navbar-new > li > ul > li > a{ text-align:center;}
ul.navbar-new > li > ul > li ul{position:relative; left:inherit; right:inherit; top:inherit; bottom:inherit; width:100%;}
ul.navbar-new > li > ul > li ul a{ text-align:center;}
ul.navbar-new > li.active > ul{ display:block;}
ul.navbar-new > li.active  > ul > li:hover ul{ display:block;}
}



@media only screen and (min-width: 1024px) and (max-width: 1169px)  {
.navbar-light .navbar-nav .nav-link {  margin-left: 0.5rem; margin-right: 0.5rem; } 
.section { padding-left: 15px; padding-right: 15px;} 
    
} 

@media only screen and (min-width: 992px) and (max-width: 1023px)  {
    .navbar-light .navbar-nav .nav-link {  margin-left: 0.4rem; margin-right: 0.4rem; } 
    .section { padding-left: 15px; padding-right: 15px;} 
	
        
} 



@media (max-width: 991px) { 
.section { padding-left: 15px; padding-right: 15px;} 
.navbar-light { padding-left: 15px; padding-right: 15px;}
.navbar-light .navbar-toggler { border: none;}
.navbar-nav { margin-top: 15px;}
.header-section .navbar-collapse {   }
.header-section .navbar-collapse.collapsing {   }
.header-section .navbar-collapse.show {    }
.header-section .navbar-toggler.collapsed ~ .navbar-collapse {  }
.navbar-nav .dropdown-menu {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
}  
  
.header-section .navbar-toggler { padding-right: 0px;}
.navbar-light { padding-top: 25px; padding-bottom: 25px;}
.navbar-fixed-top { padding-top: 10px; padding-bottom: 10px; }  
.header-section .navbar-collapse { padding: 0px;} 
.navbar-light .navbar-nav .nav-link {padding: 15px; border-top: 1px solid #eaeaea;}
.navbar-light .navbar-nav .sell-device-btn { border: #de1318 solid 2px; margin-right: 1rem; background: #de1318; color: #FFFFFF; text-align: center;}
.dropdown-menu { max-width: 100%;}
.nav-heading { display: none;} 
.dropdown-toggle:after, 
.nav-heading:after { display: block; position: absolute; content: ''; width: 15px; height: 15px; right: 18px; top: 20px; margin-top: 0px; border-width: 2px; border-style: solid; border-color: transparent;      border-bottom-color: #000000; border-right-color: #000000; border-radius: 0 0 4px 0; transform: translate(-50%, -50%) rotate(45deg); transition: all .4s ease-in-out; } 
li.nav-item.dropdown.show .dropdown-toggle:after { transform: translate(-50%, -50%) rotate(225deg); top: 25px; }  

.cart-item { margin-right: -15px;}
.section { margin-top: 30px; margin-bottom: 30px;  }
 
 .brand-box .max-width{ max-width:120px;}

 
@media (max-width: 767px) {    
body { padding-top: 75px;}
.top-nav { display: none; } 
ul.mobile-nav { display:block; }
.navbar-light { 
    position: fixed; top: 0; right: 0; left: 0; z-index: 9999; background-color: #fff;
    padding-top: 15px; padding-bottom: 15px; 
    box-shadow: 2px 0 10px rgba(0,0,0,0.17); 
    -webkit-box-shadow: 2px 0 10px rgba(0,0,0,0.17); 
    -moz-box-shadow: 2px 0 10px rgba(0,0,0,0.17);
    -o-box-shadow: 2px 0 10px rgba(0,0,0,0.17);   
    -ms-box-shadow: 2px 0 10px rgba(0,0,0,0.17);
}

.section-title { text-align: center; font-size: 30px;  font-family: 'poppinssemibold';}
.section-subtitle { text-align: center;}
.customer-info p {text-align: center;}
 
.get-touch-section { padding-top: 0px;}
.get-touch-col-02 { float: initial;}
.footer-col { width: 50%; margin-bottom: 10px; padding:0px 10px;}
.footer-col .footer-nav-head{ margin:0px; padding:8px 12px 6px; border:1px solid #ccc; border-radius:3px; cursor:pointer; text-transform:uppercase;}
.footer-col ul{ display:none; border:1px solid #ccc; padding:10px; margin-top:-1px; border-bottom-right-radius:3px; border-bottom-left-radius:3px;}
.footer-col ul.footer-nav li a:hover{ color:#de1318;}
.footer-col.active ul{ display:block;}
.footer-affiliation { margin-top: 0px; padding-top: 0px; border-top: none; border-bottom: none; margin-bottom: 0px; position: relative; }
.copy-right { position: relative;}
.copy-right-right { width: 100%;}
.copy-right-right p { margin-top: 65px; text-align: left; width: 100%;  margin-left: 0;}
.copy-right-left { width: 100%; position: absolute; top: 50px; }

} 
@media (max-width: 600px) {
	.brand-box .max-width{ max-width:80px;}
	.footer-section{ margin-top:0px;}
}
@media (max-width: 479px) { 
    .navbar-light .navbar-brand { }
	.footer-col { width: 100%; margin-bottom: 10px; padding:0px 10px;}
    a.navbar-brand img { max-height: 28px;}
    ul.mobile-nav li { margin-left: 20px;} 
    ul.mobile-nav { margin-left: 0px;  }
    ul.mobile-nav li a img { max-height: 26px;}
	.section-title { font-size: 26px; }
	.get-touch-col{ padding:0px;}
	.get-touch-section{ padding:0px 20px;}
	.get-touch-bg{ padding-bottom:30px;}
	.footer-affiliation p { font-size: 12px; line-height: 20px; margin: 10px 8px;}
	.copy-right-right{ text-align:center;}
	.copy-right-right p{ font-size: 12px;}
	.copy-right-right a {
    display: inline-block;
    float: none;
    margin-right: 5px;
}
.copy-right-left{ left:50%; margin-left:-99px; width:auto;}
.get-touch-title{ font-size:16px;}

   
}