MAINHACK

Viewing / Editing File: style.css

body{margin:0; background: #fff;font-family: 'Roboto', sans-serif; }
body a{ -webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;text-decoration:none; }
h1,h2,h3,h4,h5,h6{margin:0;font-family: 'Arsenal', sans-serif; }
p{margin:0; }
ul,label{ margin:0; padding:0; }
body a:hover,body a:focus{text-decoration:none;outline:none; }
*{padding: 0; margin: 0; }

.loader {position: fixed;text-align: center;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../images/loader.gif') 50% 50% no-repeat #FFF;}

/*-- Header --*/
.header{ position: relative; width: 100%; padding: 0 0; margin: 0 0; }
.navbar-default { background-color: #fdfffe !important; border-color: #e7e7e7; }
/*-- // Header --*/

/*-- Top-header --*/
.top-header{ width: 100%;  padding: 0 0;margin: 0;border-top: 5px solid #2a3c7a;    z-index: 99999; position: relative;}
/*--// top-header --*/

/*-- Bottom-header --*/
.bott-header{ height: 60px; display: inline-block; width: 100%; padding: 0 0; margin: 0 auto; z-index: 1; position: relative; }
/*--// Bottom-header --*/

/*-- cont-hed --*/
.cont-hed{ width: 100%; padding: 0 0; margin: 0 0; }
.cont-hed ul{ padding: 5px 0 0; margin: 0 0;float: right; }
.cont-hed ul li{ display: inline-block; font-weight: lighter; font-size: 14px; color: #000; line-height: 20px; letter-spacing: 1px; padding: 0 0; margin: 0 14px 0 0; }
.cont-hed ul li a{ color: #55618c; }
.cont-hed ul li a:hover{ color: #f35e19;color: #7e7e7e; }
.cont-hed ul li i.icon{ font-size: 13px; color: #2a3c7a; padding: 0 4px 0 0; margin: 0; }
/*--// cont-hed --*/

h4.continue-shopping{ color: #3e4144; font-family: auto; padding: 10px 0 0 15px; margin: 0; }

/*-- sear-product --*/
.sear-hed .w3l_search { width: 100%; margin:0px 0 0 0;}
.w3l_search input[type="search"] {     width: 83% !important; padding: 4px; font-size: 13px; float: left; color: #000; outline: none; border: 1px solid #a8a8a8; background: none; -webkit-appearance: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; height: auto !important; }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd;
  opacity: 1; /* Firefox */ }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ddd; }
::-ms-input-placeholder { /* Microsoft Edge */
  color: #ddd; }
 .w3l_search input[type="submit"] { width: 15%;height: 28px; outline: none; background: url(../images/can.png) no-repeat 6px 4px #2a3c7a; display: inline-block; padding: 0; border: none;margin: 0px 0 0 0;float: right;}
button.btn.btn-default.search {background: #fe9126;padding: 7px 10px;float: right;outline: none;border: none;color: #FFF;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
button.btn.btn-default.search:hover {background:#064fab;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
/*-- // sear-hed --*/

/*-- soc-hed --*/
.soc-hed{ width: 100%; padding: 0 0; margin: 0 0; }
.soc-hed ul{ padding: 0 0; margin: 0 0; }
.soc-hed ul li{ display: inline-block; font-weight: lighter; font-size: 15px; color: #000; line-height: 20px; letter-spacing: 1.5px;padding: 0; margin: 0 5px;float: right;border-radius: 4px; }
.soc-hed ul li a{ color: #FFF; }
span.icon_twitter {background: #1da1f2; border-radius: 4px; padding: 5px 5px;}
span.icon_facebook {background: #3b5998; border-radius: 4px; padding: 5px 5px;}
span.icon_dribbble {background: #f6911b;border-radius: 4px; padding: 5px 5px; }
span.icon_g_plus {background: #e52226; border-radius: 4px; padding: 5px 5px;}
span.icon_twitter:hover {background: #f8f8f8; color: #1da1f2; border: 1px solid #1da1f2; }
span.icon_facebook:hover {background: #f8f8f8; color: #3b5998; border: 1px solid #3b5998; }
span.icon_dribbble:hover {background: #f8f8f8; color: #f6911b; border: 1px solid #f6911b; }
span.icon_g_plus:hover {background: #f8f8f8; color: #e52226; border: 1px solid #e52226; }
/*-- // soc-hed --*/

/*-- Login-hed --*/
.product_list_header { float: right;padding: 0 0 0;margin: 0;border: 0; }
.dropdown {position: relative;display: inline-block;margin: 0 10px 0; }
.dropbtn { background: #2a3c7a; color: #fff; line-height: 15px; border: none; cursor: pointer; padding: 5px 9px; border-radius: 0px; height: 30px; }
.dropdown-content { display: none; position: absolute; background-color: #f0f0f0; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; right: 0; border: .5px solid #e6e6e6;}
.dropdown-content a { color: #2a3c7a; padding: 7px 0; text-decoration: none; display: block; text-align: center; }
.dropdown-content a:hover {background-color: #2a3c7a ; color:#FFF;}
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { }
.badge { display: inline-block; min-width: 10px; padding: 3px 5px !important; font-size: 8px !important; font-weight: bold; line-height: 1; color: #0030ff !important; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #fff !important; border-radius: 10px; }
.agile-login { padding: 3px 5px; background: #2a3c7a; margin: 0; float: right; border-radius: 0px; height: 30px;}
.agile-login a { padding: 4px 3px 0; background: #2a3c7a; margin: 0; float: right; border-radius: 0px; font-size: 14px; line-height: 17px; color: #FFF; }
.agile-login a:hover{ color:#f6911b; }
.agile_top_brands_grids { margin: 3em 0 0; }
/*-- // Log-hed --*/

/*-- Logo --*/
.logo{ width: 85%; padding: 0 0; margin: 0 0; overflow: hidden; position: absolute; content: ""; top: -40px; left: 0; z-index: 999; }
.logo img{ width: 70%; height: auto; }
/*-- // Logo --*/

/*-- navigation --*/
.navigation{ vertical-align: middle !important; margin: 10px 0 0 0; float: right; }
.menu-container{  display: none; }

/*-- // navigation --*/
.navbar-default{ transition:all 600ms ease-in-out; }
.navbar-default .top-sec{ background:#fff; padding:5px 0; margin:0; transition:all 600ms ease-in-out; }
.navbar-default .top-sec .logo-block{ width:20%; float:left; line-height:0; padding:0; margin:0; transition:all 600ms ease-in-out; }
.navbar-default .top-sec .logo-block img{ width:75%; transition:all 600ms ease-in-out; }
.navbar-default .top-sec .md-block{ line-height:0; float:left; padding:0; margin:12px 0 0 25px; }
.navbar-default .top-sec .md-block img{ vertical-align:top; width:45px; height:45px; border-radius:0; display:inline-block; }
.navbar-default .top-sec .md-block h4{ display:inline-block; font-size: 20px;
line-height: 22px;
color: #057EDB; padding: 17px 0 0 7px; margin:0; }
.navbar-default .top-sec .md-block ul{ display:inline-block; padding: 18px 0 0 5px; margin:0; }
.navbar-default .top-sec .md-block ul li{ font-size:14px; line-height:16px; list-style:none; display:block; float:left; padding:0; margin:0 10px 0 0; color:#000; }
.navbar-default .top-sec .lt-site ul li span{ color:#c3c3c3; padding: 0; margin: 0; font-size:16px; line-height:14px; margin: 0 7px 0 0; }

.navbar-default .top-sec .rt-site{ float:right; padding:3px 0 0; margin:0; }
.navbar-default .top-sec .rt-site ul{ padding:0; margin:0 }
.navbar-default .top-sec .rt-site ul li{ font-size:13px; line-height:16px; list-style:none; display:block; float:left; padding:0; margin:0 10px 0 0; color:#000; }
.navbar-default .top-sec .rt-site ul li span{ color:#000; font-weight:600; }
.navbar-default .top-bar-w3layouts {width: 100%;z-index: 99999;padding: 12px 0 10px;transition:all 600ms ease-in-out; }
.navbar-default{ padding:0; margin:0; }
.navbar-default .top-bar-w3layouts{ background:#057edb; transition:all 600ms ease-in-out; }
.navbar-default .navigation{ padding:0; margin: 27px 0 0 0;}

@media screen and (min-width: 992px) {
    .header .navbar-default.navbar-shrink{ background:#fff; padding:0; margin:0; box-shadow: 0 0 20px -2px #474747;animation: .9s; }
    .navbar-default.navbar-shrink .top-sec{ margin:-67px 0 0 0; }
    .navbar-default.navbar-shrink .logo-block{ position:none; top:0; float:left; width:20%; transition:all 600ms ease-in-out; }
    .navbar-default.navbar-shrink .logo-block img{ width:47%; }
    .navbar-default.navbar-shrink .top-bar-w3layouts{ background:#fff; box-shadow: 0 0 20px -2px #474747;animation:.9s; }
}

/*NEW HEADER*/
.header-top{ width: 100%; height: auto;    position: relative; z-index: 9999; padding:5px 0; background: #0098ff; background-image: linear-gradient(to bottom,#0078ff,#176bcc,#1260b7,#0d4687,#08294f); }
.header-top .ema-con{ width: 100%; }
.header-top .ema-con ul{ padding:0; margin:0 }
.header-top .ema-con ul li{ font-size:13px; line-height:16px; list-style:none; display:block; float:left; padding:0; margin:0 10px 0 0; color:#000; }
.header-top .ema-con ul li a{  font-weight: 400; color: #fff; font-size: 15px; line-height: 20px; }
.header-top .ema-con ul li a i.fa{    color: #ffffff; font-weight: bold; font-size: 16px; line-height: 25px; padding: 0 10px 0px 0;}
.header-top .search-container{ width: 100%; }
.header-top .search-container input[type=text]{     outline: none; background: #fff; width: 70%; border: 1px solid #ccc; padding: 5px 5px 4px 10px; margin: 0; color: #000; border-radius: 15px; }
.header-top .search-container input[type=submit]{width: 30%; border: 1px solid #ccc; padding: 5px 5px 4px 10px; margin: 0; color: #fff; border-radius: 15px; float: right; background: none; font-weight: bold; font-size: 15px; text-transform: uppercase; }

.header-bottom{     width: 100%; height: auto; position: relative; z-index: 99; padding: 5px 0; background: #0098ff; background-image: linear-gradient(to bottom,#ffffff,#ffffff,#ffffff,#ffffff,#f5f5f5); }
.header-bottom .logo-new{ width: 100%; overflow: hidden; }
.header-bottom .logo-new img{ width: 100%;}

/*body-left*/
.body-left { position: fixed; left: -10px; z-index: 9999; top: 180px; }
.body-left img { width: 50%; }

/*--banner-slider--*/
.carousel {     position: relative; margin: 95px 0 0 0; height: 570px; overflow: hidden; }
.carousel-inner{ position: relative; width: 100%; overflow: hidden !important; padding: 0 0; margin: 0; height: 650px; }
.carousel-inner .dec{ position: absolute; content: ""; top: 90px; left: 0; width: 100%; padding: 0 0; margin: 0; height: 100%; overflow: hidden; }
.carousel-inner .dec img{ width: 100%; height: auto; }

.banner{margin: 75px 0 0;}

/*-- tag-line --*/
.tag-line{ line-height:0; padding:1em 0 0; margin:0; }
.tag-line img{ opacity:0.9; width:100%; height:auto; }

/*=============== Product TITLE style end ==================*/
.spec {text-align: center;margin-bottom: 3em;}
.spec h3 { font-size: 37px; color: #2a3c7a; margin: 0 0 10px 0;padding: 30px 0 0; text-shadow: 4px 4px 2px rgb(227, 227, 227); letter-spacing: 1.5px; position: relative; }
.spec h3 {color: #119dea; margin: 0 0 10px 0; padding: 30px 0 0; letter-spacing: 0; position: relative; font-size: 40px; font-weight: 800; background: -webkit-linear-gradient(40deg, #119dea, #0f2780 90%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: #fff0; text-transform: uppercase; text-shadow: none; }
.spec h3:after{ position: absolute; content: ""; bottom: -16px; left: 0; right: 0; padding: 0 0; margin: 0 auto; width: 40%; height: 2px; background: #2a3c7a;}
.spec h3:after{position: absolute; content: ""; bottom: -40px; left: 0; right: 0; padding: 0 0; margin: 0 auto; width: 5%; height: 20px; background: url(../images/web-dot.gif) no-repeat;}

.spec h3:before{ position: absolute; content: ""; left: 0; bottom: -10px; right: 0; padding: 0 0; margin: 0 auto; width: 30%; height: 2px; background: #2a3c7a; display:none; }
/*==
.ser-t {text-align: center;margin: 0 auto;width: 30%;position: relative;}
.ser-t b {width: 100%;height: 2px;display: block;background: #db9752;margin-bottom: 3px;}

.ser-t span {width: 50px;height: 50px;display: block;background: #fff;position: absolute;top: -40px;left: -48px;right: 0;margin: 0 auto;z-index: 9;}
.ser-t b.line {width: 80%;margin: 0 auto;}

.ser-t span i { width: 200%; height: 150%; display: block; background: url('../images/back-logo.png') center no-repeat #FFF; }
==*/
.spec_1 {text-align: center;margin-bottom: 3em;}
.spec_1 h3 {font-size: 37px; color: #fff; margin: 20px 0 40px 0; text-shadow: 4px 4px 2px rgb(0, 0, 0); letter-spacing: 1.5px;}
/*==
.ser-t {text-align: center;margin: 0 auto;width: 30%;position: relative;}
.ser-t b {width: 100%;height: 2px;display: block;background: #f35f19;margin-bottom: 3px;}

.ser-t span {width: 50px;height: 50px;display: block;background: #fff;position: absolute;top: -40px;left: -48px;right: 0;margin: 0 auto;z-index: 9;}
.ser-t b.line {width: 80%;margin: 0 auto;}

.ser-t span i {  width: 200%; height: 150%; display: block; background: url('../images/back-logo.png') center no-repeat #FFF; }
==*/
/*-- // Product TITLE --*/

/*=============== product-single-tinding ==================*/
.product-single-tinding{ position: relative; background: #FFF; overflow: hidden; width: 100%; padding: 25px 10px; }
.product-single-tinding .hea-prod{ position: relative; background: #FFF; overflow: hidden; width: 100%;border: 1px solid #e4e4e4; }
.product-single-tinding .hea-prod img{ width: 100%; height: 250px; }
.product-single-tinding .hea-prod .snipcart-thumb p{ color: #212121; margin: 1em 0 1em; line-height: 1.5em; text-transform: capitalize; font-size: 14px; text-align: center; }
.product-single-tinding .hea-prod .snipcart-thumb h4{font-weight: 600; font-size: 1em; color: #212121; text-align: center; }

p.account1 { text-align: center; padding-top: 10px; padding-bottom: 0px; line-height: 1.5em; font-size: 15px; margin: 0; color: #FFF; font-family: auto; letter-spacing: 1px; width: 100%; }
p.account1 a{color: #1a73e8;}
.icon_fb { position: relative; width: 50%; overflow: hidden; padding: 5px 15px; margin: 0 0 10px; float: left; background: rgba(4, 4, 4, 0.50); border: 1px solid #d08413; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); border-radius: 5px; }
.icon_fb a img { width: 15%; height: auto; float: left; }
.icon_fb a h6 { font-size: 15px; font-weight: normal; color: #ffffff; line-height: 25px; padding: 0; margin: 0 0; }
.rat { width: 100%; background: rgba(4, 4, 4, 0.50); border: 1px solid #d08413; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); border-radius: 5px; padding: 10px 0; margin: 0 0 10px; }
.rat .ladbl { color: #fff; width: 46%; overflow: hidden; padding: 0 0 0 15px; margin: 0px; float: left; text-align: left; }
.radi { color: #fff; width: 46%; overflow: hidden; padding: 0; margin: 0px; float: left; }

.res { position: relative; width: 100%; }
.res .nd-sst { float: left; width: 50%; outline: none; font-size: 14px; letter-spacing: 1px; padding: 10px 0; box-sizing: border-box; border: none; background: rgba(4, 4, 4, 0.50); border: 1px solid #a7a7a7; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); color: #fff; }
.res .nd-st { float: left; width: 50%; outline: none; font-size: 14px; line-height: 25px; letter-spacing: 1px; padding: 10px 0; box-sizing: border-box; border: none; background: rgba(4, 4, 4, 0.50); border: 1px solid #a7a7a7; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); color: #fff; }
.ema { position: relative; width: 100%; }
.ema .nd-sst { float: left; width: 50%; outline: none; font-size: 14px; letter-spacing: 1px; padding: 10px 0; box-sizing: border-box; border: none; background: rgba(4, 4, 4, 0.50); border: 1px solid #a7a7a7; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); color: #fff; }
.ema .nd-st { float: left; width: 50%; outline: none; font-size: 14px; letter-spacing: 1px; padding: 10px 0; box-sizing: border-box; border: none; background: rgba(4, 4, 4, 0.50); border: 1px solid #a7a7a7; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); color: #fff; }
.ema .nd-st input{background: none; border: none; outline: none; font-size: 14px; line-height: 25px; }
.ph { position: relative; width: 100%; }
.ph .nd-sst { float: left; width: 50%; outline: none; font-size: 14px; letter-spacing: 1px; padding: 10px 0; box-sizing: border-box; border: none; background: rgba(4, 4, 4, 0.50); border: 1px solid #a7a7a7; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); color: #fff; }
.ph .nd-st { float: left; width: 50%; outline: none; font-size: 14px; letter-spacing: 1px; padding: 10px 0; box-sizing: border-box; border: none; background: rgba(4, 4, 4, 0.50); border: 1px solid #a7a7a7; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); color: #fff; }
.ph .nd-st input{background: none; border: none; outline: none; font-size: 14px; line-height: 25px;}

/*=============== Product end ==================*/
.product-on{ position: relative; background: #FFF; overflow: hidden; width: 100%; padding: 25px 10px 0; }
.product-on img.img-head {position: absolute; top: 101px; z-index: 99; left: 47px;}
.hover14.column {border: 1px solid #c0bebe;margin: 0 0 30px 0;}
.hover14.column:hover {border: 1px solid #2a3c7a;}
.snipcart-thumb img{ width: 100%; height: 200px; padding: 5px;}
.column div.agile_top_brand_left_grid {position: relative;margin: 0;}
.agile_top_brand_left_grid_pos {position: absolute;top: 0%;right: 0%; z-index: 9;}
.agile_top_brand_left_grid1 {padding: 0em;}

.column div.agile_top_brand_left_grid {position: relative;margin:0;}
.agile_top_brand_left_grid figure {margin: 0;padding: 0px 0 0 0;background:transparent;overflow: hidden;z-index: 0;}
.agile_top_brand_left_grid1 p {    color: #212121; margin: 0; line-height: 1.5em; text-transform: capitalize; font-size: 14px; text-align: center; height: 60px; }
.agile_top_brand_left_grid1 h4, .agileinfo_single_right_snipcart h4 {font-weight: 600; font-size: 1em;color: #212121;text-align: center;}
.agile_top_brand_left_grid1 h4 span, .agileinfo_single_right_snipcart h4 span { font-weight: bold; text-decoration: line-through; padding: 0 0 0 10px; display: inline-block; font-size: 13px; color: #272424; }
.snipcart-details input.button {font-size: 14px;color: #fff;background: #2a3c7a;text-decoration: none;position: relative;border: none;border-radius: 0;width: 100%;text-transform: uppercase;padding: .5em 0;outline: none;}
.agile_top_brand_left_grid:hover .snipcart-details input.button,.snipcart-details input.button:hover{
    background: #fe9126;}
.snipcart-thumb{ text-align: center; }
h6.off{ position: absolute; top: 0; right: 0; z-index: 9; padding: 10px; margin: 0; font-weight: bold; font-size: 15px; background: #2a3c7a; color: #fff; }
h5.off{ position: absolute; padding: 10px; margin: 0; font-weight: bold; font-size: 15px; background: #2a3c7a; color: #fff; border-radius: 50%; width: 50px; height: 50px; right: 430px; top: 50px; }
.show, .show1 { padding: 3px 0 3px 15px !important; border-bottom: 1px #e2e2e2 dashed !important; font-size: 11px !important; z-index: 9999999 !important; position: relative; }
/* Shine */
.hover14 figure {position: relative;}
.hover14 figure::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover14 figure:hover::before,.top_brand_left:hover .hover14 figure::before{-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

/*=============== product-bann ==================*/
.product-bann{ position: relative; width:100%; padding:35px 0; margin:0 0; overflow: hidden; }
.product-bann h3{ color: #119dea; margin: 0; padding: 0 0 30px; letter-spacing: 0; position: relative; font-size: 40px; font-weight: 800; background: -webkit-linear-gradient(40deg, #119dea, #0f2780 90%); background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: #fff0; text-transform: uppercase; text-shadow: none; text-align: center; }
.product-bann p{ text-align: center; font-size: 20px; color: #451f0d; line-height: 50px; padding: 0 0 10px; margin: 0; letter-spacing: 1px; }
.product-bann .img-bl{ position: relative; padding: 0; margin: 0; border: 3px solid #ddd; width: 100%; }
.product-bann .img-bl img{ width: 100%; height: auto;  }
.product-bann .img-bl .img-top{ position: absolute; content: ""; right: 0; top: 0; z-index: 9; border: 1px solid #fff; width: 30%; height: 30%; background: rgba(255,255,255,0.55); padding: 0; margin: 0; }
.product-bann .img-bl .img-top h4 { color: #1057ab; font-size: 25px; font-weight: bold; line-height: 41px; padding: 0 13px; margin: 0; text-transform: uppercase; text-align: center; }
.product-bann .img-bl .img-top p{ text-align: left; font-size: 14px; color: #1a1614; line-height: 50px; padding: 5px 10px; margin: 0; letter-spacing: 1px; line-height: 20px; }

/*=============== product-Filter ==================*/
h3.hed-pr{color: #0c0c0c; text-align: left; text-transform: uppercase; font-size: 17px; font-weight: 700; letter-spacing: 1px;}
select#category{ padding: 0px; border-radius: 0; letter-spacing: 1px; font-size: 14px; outline: none; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.11); border: 1px solid #ccc; width: 100%; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background: #000; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none/*{bgColorDefault}*//*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #999/*{fcDefault}*/; background: #ff8100 !important;}
/*=============== myCarousel slider ==================*/
.carousel-indicators {position: absolute;bottom: -45px;left: 48%;z-index: 15;width: auto;padding-left: 0;margin: 0;text-align: center;list-style: none; }
.carousel-indicators li {display: inline-block;width: 12px;height: 12px;margin: 0 6px;text-indent: -999px;cursor: pointer;background-color: #029241;border: none;border-radius: 10px; }
.carousel-indicators .active {background-color: #FAB005;margin: 0 6px;}

/*=============== Product-head ==================*/
.product-head{ width: 100%; position: relative; overflow: hidden; background: #e1e1e1; padding: 15px; margin: 0 0; }
.product-head .hea-prod{ width: 100%; height: auto; padding: 0 0; margin: 0 0; overflow: hidden; border-radius: 5px; }
.product-head .hea-prod img{ width: 100%; height: auto; border: 5px solid #d4d4d4; border-radius: 5px; }

/*=============== product-about ==================*/
.product-about{ position: relative; width: 100%; overflow: hidden; padding: 0 5px; margin: 0 0; }
.product-about .about-im{ width: 100%; height: 300px; overflow: hidden;padding: 0 0; margin: 0 ; }
.product-about .about-im img{ width: 100%; height: auto;    }
.product-about .about-us{ position: absolute; content: ""; bottom: 35px; left: 0; padding: 0 0; margin: 0 0; }
.product-about .about-us h4{     display: none; background: #FFF; padding: 5px 15px; font-size: 16px; line-height: 25px; margin: 0; }
.product-about .about-us p{     display: none; font-size: 14px;background: #FFF;width: 80%;line-height: 20px;padding: 3px 15px;margin: 5px 0 0 0;color: #000; }
.product-about .about-imm{ width: 100%; height: 150px; position: relative; overflow: hidden; }
.product-about .about-imm img{ width: 100%; height: auto;  height: 150px;}

/*-- Inner-banner --*/
.inner-banner{ position: relative; width: 100%; overflow: hidden; padding: 0 0; margin: 0px 0 0; height: 350px; background: url(../images/inn-baner.jpg) no-repeat top right; background-size: 100%; }
.inner-banner img{ width: 100%; height: auto; }
/*-- // Inner-banner --*/

/*-- About --*/
.about-info{ position: relative; width: 100%; padding:15px 0 10px 0; margin: 0; }
.about-info .about-text{ position: relative; width: 46%;float: left;margin: 0 10px;padding: 0.5em;-webkit-box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47);-moz-box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47);box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47); }
.about-info .about-text .images-text{ position: absolute; bottom: -25px; width: 100%; }
.about-info .about-text .images-text p{ text-align: center; font-size: 25px; color: #6d3003; line-height: 30px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); }
 .about-misson{ padding: 10px; margin:0px 0; }
.about-misson h4{ font-size: 30px; color: #2a3c7a; font-weight: bold; line-height: 30px; padding: 0 0; margin: 0 0 20px; font-family: 'Brandon Grotesque Light'; text-decoration: underline;}

.about-misson p{ font-size: 19px;color: #193b42;line-height: 30px;padding: 0 0 15px;font-family: 'Brandon Grotesque Light';letter-spacing: 1.5px;text-align: justify;margin: 0px 0 20px 0 !important; }
.about-misson ul{ padding:0; margin:0; }
.about-misson ul li{ padding:0; margin:0;font-size: 19px;color: #193b42;font-family: 'Brandon Grotesque Light';text-align: justify; }
img.misson_vison{ width: 100%; height:auto; line-height: 0; border: 10px solid #FFF;-webkit-box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47);-moz-box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47);box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47); }
.about-info p {  margin: 0em 0 1.5em;color: #193b42;;font-size: 19px;font-family: a;text-align: justify;}
/*-- //About --*/

/*-- Terms --*/
.terms{ padding: 30px 0; background:url(../images/Terms_banner.png) no-repeat bottom right; background-attachment: fixed; background-size: cover;  }
.terms h2 {font-size: 3.2em;color: #0e5664;text-align: center;padding: 0 0 40px 0;text-shadow: none;font-family: 'Coco-Bold';}
.terms h2 span {font-size:45px;color: #0e5664; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);font-family: 'Coco-Bold';padding: 0 0 0 6px;}
.terms h4{ padding:20px 0 20px 0; color: #0e5664; font-size: 23px;font-family: a; font-weight: bold; line-height: 25px; }
.terms p{ padding:0 0 10px 10px; color: #482828; font-size: 19px; font-weight: lighter;font-style: italic; line-height:27px;font-family: a; }
.terms ul li{ padding:0 0 10px 30px; color: #20364a; font-size: 18px; font-weight: lighter; font-style: italic; line-height: 25px;font-family: a; }
/*-- //Terms --*/

/*-- Footer --*/
.py-lg-5 {background: #1b2856; padding: 3rem 0 1rem 0;font-family: 'Inconsolata', monospace; position: relative;width: 100%;
overflow: hidden;}
.py-lg-5 img.img-fot {position: absolute;top: 0;z-index: 99;}
.py-lg-5 img.img-fot1 {position: absolute;bottom: 0; right: 0; z-index: 99;}
i.fo-i{ color: #F35F19; font-size: 14px; line-height: 20px; padding: 0 8px 0 0; margin: 0; }
.footer-grid-w3ls h3 {font-size: 1.4em;color: #ffffff;font-weight: 300;margin-bottom: 1em;letter-spacing: 1px;border-bottom: 1px dotted #4d5052;padding-bottom: 0.8em;}
.contact-info h4 {font-style: normal;font-weight: 300;font-size: 1.2em;color: #ff4e00;}
.footer-text p{ font-family: 'Inconsolata', monospace; color: #fff; }
.footer-text p span{ font-family: 'Inconsolata', monospace !important; color: #b5b5b5 !important; }
.contact-info p{ color: #B1B0B0; }
ul.links li a {color: #ccd0d5;;}
ul.links li a:hover {color: #ff4e00;}
.footer-text input[type="email"] {outline: none;padding: 12px 15px;color: #fff;font-size: 13px;width: 84%;border: none;background: none;letter-spacing: 1px;float: left;}
.footer-text button.btn1 {color: #ff4e00;border: none;padding: 10px 0;outline: none;text-align: center;text-decoration: none;background: none;cursor: pointer;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;float: right;width: 15%;}
.footer-text .fo1{border: 1px solid #cccc;}
/*==
.text-center {text-align: center;color: #FFF;border-bottom: 1px solid #908c8c;border-top: 1px solid #908c8c;margin: 25px 0 0 0;}
===*/
.mail-grid-icon {float: left;width: 70px;height: 70px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border: 2px solid #064fab;margin: 0 20px 0 0;}
.mail-grid-icon:hover{ border: 2px solid #ff4e00;  }
.mail-grid-icon i {font-size: 1.3em;color: #064fab;line-height: 3.2em;}
.footer-top-w3layouts-grid-sec:hover .mail-grid-icon i {color: #ff4e00; border: 2px solid #ff4e00; width: 70px;height: 70px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;margin: -2px 0 0 -2px;}
.text-center span {text-align: center;color: #ff4e00;}

/*-- to-top --*/
#toTop {display: none;text-decoration: none;position: fixed;bottom:10px;left: 2%;overflow: hidden;z-index: 999;width:42px;height:42px;border: none;text-indent: 100%;background: url(../images/arr.png) no-repeat 0px 0px;}
#toTopHover {width:42px;height:42px;display: block;overflow: hidden;float: right;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);}

/*-- //to-top --*/

/*-- contact --*/
.contact{  padding: 30px 0; margin: 0;width: 100%; position: relative; }
.address-info { padding: 1em 2em; margin: 0 0 30px;}
.address-right h6 {font-size: 19px;color: #0f4280;letter-spacing: 2px;font-weight: 600;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);line-height: 33px;padding: 0; margin: 0; }
.address-grid i {font-size: 2em;color: #c7d823;margin-bottom: 15px;background: linear-gradient(to right, #f35f19 50%, #064fab 50%);
    background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.address-right p,
.address-right a {color: #374b60;font-size: 15px;}
.form{ background:url(../images/con-body.jpg) no-repeat bottom right; background-size: cover;}
.map iframe {width: 100%;min-height: 300px;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea{font-size: 16px;color: #444;padding: 0.5em 1em .5em 0;border: 0;width: 100%;border-bottom: 1px solid #c5c5c5;background: none;-webkit-appearance: none;outline: none; }
.address-left{ text-align: center;width: 50%;  height: 50px; overflow: hidden; padding: 0 0; margin: 0 auto; }
img.ad-gif { width: 90%; height: auto; margin: -23px 0 0 0; }
img.em-gif { width: 65%; height: auto; margin: -10px 0 0 0; }
img.ph-gif { width: 57%; height: auto; margin: -16px 0 0 0; }

/*-- input-effect --*/
.styled-input.agile-styled-input-top { margin-top: 0; } 
.styled-input input:focus ~ label, .styled-input input:valid ~ label,.styled-input textarea:focus ~ label ,.styled-input textarea:valid ~ label{ font-size: 16px;  color: #000; top: -1.3em; -webkit-transition: all 0.125s; -moz-transition: all 0.125s;  -o-transition: all 0.125s; -ms-transition: all 0.125s; transition: all 0.125s; }
.styled-input textarea:valid ~ label{ color: #8c8c8c; }
.styled-input { width: 100%; position: relative; margin: 0 0 1.6em; }
.styled-input:nth-child(1),.styled-input:nth-child(3){ margin-left:0; }
.textarea-grid{ float:none !important; width:100% !important; margin-left:0 !important; }
.styled-input label { color: #102f7d; padding: 0.5em 0em; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; font-weight: normal; font-size: 14px; display: block; line-height: 1em; }
.styled-input input ~ span,.styled-input textarea ~ span {display: block;width: 0;height: 2px;background: #333;position: absolute;bottom: 0;left: 0;-webkit-transition: all 0.125s;-moz-transition: all 0.125s;transition: all 0.125s; }
.styled-input textarea ~ span { bottom: 5px;  }
.styled-input input:focus.styled-input textarea:focus { outline: 0;  } 
.styled-input input:focus ~ span,.styled-input textarea:focus ~ span {width: 100%;-webkit-transition: all 0.075s;-moz-transition: all 0.075s;  transition: all 0.075s;  } 
/*-- //input-effect --*/
.form input[type="submit"] {outline: none;border: none;cursor: pointer;    font-size: 15px;color: #fff;background: #275de6;padding: 12px 40px;text-transform: capitalize;letter-spacing: 1px;border-radius: 4px;display: inline-block;}
.form input[type="submit"]:hover {background: #333;color:#fff;}
.contact-layer {background: rgba(25, 51, 243, 0.75); padding: 60px 50px; position: absolute; z-index: 999; width: 95%; height: 276px; -webkit-box-shadow: 2px 2px 19px -4px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 19px -4px rgba(0,0,0,0.75); box-shadow: 2px 2px 19px -4px rgba(0,0,0,0.75); border-radius: 10px; }
.bg-img{ position: relative; width: 100%; overflow: hidden; padding: 0 0; margin: 0 0; height: 277px;border-radius: 10px;-webkit-box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47); -moz-box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47); box-shadow: 0px 3px 5px 0px rgba(10, 10, 10, 0.47);}
.contact-layer{ position: absolute; content: ""; top: 40px; left: 0; right: 0; margin: 0 auto; padding: 0 0; text-align: center; width: 70%; height: 200px; }
.bg-img img{ width: 100%; height: auto;border-radius: 10px; }
.bg-img h3 {font-size: 25px; color: #eee; font-weight: 600; text-transform: capitalize; line-height: 29px; padding: 0 30px; margin: 40px 0 0; }
.bg-img p i{color: #dc3545; }
.bg-img p{margin: 0;font-size: 26px;font-weight: 600;color: #eee; }
.contact-form{ padding: 0 3em; }
/*-- //contact --*/

/*-- Footer --*/
.w3ls-footer-grids {background: #282828;padding:30px 0; }
p.footer-gd { color: #ffffff; font-size: 14px; letter-spacing:1px; text-align: center; }
p.footer-gd a { color: #81cdfa; }
p.footer-gd a:hover { color: #fff; }
.w3l-footer { float: left; }
.w3l-footer h3,
.w3l-footer h2 { font-size: 26px; color: #fff; margin-bottom:10px; }
p.adam { float: right; color: #6F6E6E !important; font-size: 13px !important; margin-top: 20px; }
.w3l-footer.one p { color:#c3c3c3; line-height: 24px; font-size: 13px; }
.w3l-footer.two ul { margin: 0; padding: 0; }
.w3l-footer.two ul li { list-style-type: none; display: block; line-height: 1.5em; font-size: 14px; margin: 18px 0; }
.w3l-footer.three { list-style-type: none; }
.w3l-footer.two ul li i { font-size: 13px; margin-right: 15px; width: 30px; text-align: center; color: #fff; background: #6E65F1; padding: 9px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; width: 30px; height: 30px; }
.w3l-footer.two ul li i.fa.fa-facebook { background: #5d82d2; }
.w3l-footer.two ul li i.fa.fa-twitter { background: #3bbef5; }
.w3l-footer.two ul li i.fa.fa-google-plus { background: #ea5d4b; }
.w3l-footer.two ul li i.fa.fa-dribbble { background: #f7659b; }
.w3l-footer.two ul li i.fa.fa-pinterest-p { background: #e23139; }
.w3l-footer.two ul li a { color: #908F8F; display: block; text-decoration: none; font-size: 13px; font-family: 'Source Sans Pro', sans-serif; }
.w3l-footer.three ul li { margin-bottom: 15px; list-style: none; }
.w3l-footer.three ul li i { float: left; font-size: 18px; color: #fff; line-height: 1.8; }
.w3l-footer.three ul li p { list-style-type: none; display: block; color:#c3c3c3; font-size: 13px; line-height: 32px; float: left; margin-left: 15px; }
.w3l-footer.three ul li span { display: block; }
.w3l-footer.one { padding-right: 40px; }
.w3l-footer.three ul li a {  display: block;  color: #908F8F;  float: left;  margin-lefT: 15px;  margin-top: 5px; }
i.fa-envelope-o { float: left; }
.copy-right-grids { padding:10px 0; background: #040404; }
.copy-left { text-align: center; }
.copy-right ul li a:hover,
.w3l-footer.three ul li a:hover { color: #0099e5; }
.w3l-footer.two ul li:nth-child(1) a:hover { color: #5D82D2; }
.w3l-footer.two ul li:nth-child(2) a:hover { color: #3bbef5; }
.w3l-footer.two ul li:nth-child(3) a:hover { color: #ea5d4b; }
.w3l-footer.two ul li:nth-child(4) a:hover { color: #f7659b; }
.w3l-footer.two ul li:nth-child(5) a:hover { color: #e23139; }
.agileinfo_footer_grid ul li { list-style-type: none; margin-bottom:5px; font-size: 14px; line-height: 1.8em; color: #999; list-style: none; padding-left: 1em; }
.agileinfo_footer_grid ul li span { left: -1em; }
.agileinfo_footer_grid ul li a { color:#c3c3c3; text-decoration: none; }
.agileinfo_footer_grid ul li a:hover { color: #fff; }
.agileinfo_footer_grid1 { float: left; width: 31.45%; margin: 0 0.3em .3em 0em; }

/*-- //footer --*/

/*- sub-footer -*/
.sub-footer {padding: 2em 0;float: right;}
.sub-footer .footerv4-social{position: fixed;z-index: 999;right: 0;top:150px;}
span.icon_twitter {background: #1da1f2; }
span.icon_facebook {background: #3b5998; }
span.icon_dribbble {background: #f6911b; }
span.icon_g_plus {background: #e52226; }
span.icon_twitter:hover {background: #f8f8f8; color: #1da1f2; border: 1px solid #1da1f2; }
span.icon_facebook:hover {background: #f8f8f8; color: #3b5998; border: 1px solid #3b5998; }
span.icon_dribbble:hover {background: #f8f8f8; color: #f6911b; border: 1px solid #f6911b; }
span.icon_g_plus:hover {background: #f8f8f8; color: #e52226; border: 1px solid #e52226; }
.footerv4-social ul li{ list-style: none !important; margin: 0 0 5px 0;}
.footerv4-social ul li a {color: #212121;}
.footerv4-social ul li span {margin-right: 10px;color: #fff;padding: 10px;width: 35px;height: 35px;font-size: 15px;text-align: center;border-radius: 50%;line-height: 15px; }
.footerv4-social ul li a {color: #212121; }
.footerv4-social ul li:hover a {color: #fff;text-decoration: none ; }

/*-Testimonil-*/
.testimonials {background: #f7f7f7; padding: 2.5em 0;}
.mail-grid-text-info h3 {font-family: 'Taviraj', serif;font-size: 0.9em;color: #064fab;margin: 0em 0 0.5em;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;}
.mail-grid-text-info p {font-family: 'Inconsolata', monospace;font-size: 1em;color: #5d5d5d;margin: 0em 0 0.5em;text-transform: none;letter-spacing: 0.3px;font-weight: 600;transition:all 600ms ease-in-out;}
.mail-grid-text-info p:hover{ text-decoration: underline;transition:all 600ms ease-in-out; }

.mail-grid-icon {float: left;width: 70px;height: 70px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border: 2px solid #777;}
/*-- //clients-sec --*/

.blog{ background:#ededed; overflow:hidden; padding:1em 0; margin:0; }
.blog .item img{ width:100%; height:200px; }
.blog .item h2{ font-size: 15px;line-height:24px;color:#2f2e2e; padding:10px 10px 0; margin: 0; font-weight:600; }
.blog .item h3{ min-height: 95px; font-size: 15px;line-height:24px;color: #5f5e5e;padding:0 10px 10px; margin: 0; font-weight: 500; }
.blog .item a{ font-size: 15px;line-height:24px; color:#181818; padding:0px; margin: 0; font-weight: 500; } 
.blog h3.title-txt { text-transform: capitalize; font-size: 22px; text-transform: uppercase; color: #000;  line-height: 24px; margin-bottom: 15px; letter-spacing: 0px; border-bottom: 1px solid #0f0f0f; display: inline-block; font-weight: 600; }

/*-- bottom-to-top --*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 24px; right: 1%; overflow: hidden; z-index: 999; width: 64px; height: 64px; border: none; text-indent: 100%; background: url("../images/arr.png") no-repeat 0px 0px; }
#toTopHover { width: 64px;height: 64px;display: block;overflow: hidden;float: right;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0); }
/*-- //bottom-to-top --*/

/*-- cart-page --*/
.order_cart input[type="text"]{ outline: none; font-size: 13px; border: none; background: transparent; color: #0a3d7e; font-family: 'Open Sans', sans-serif; letter-spacing: 0px; padding: 9px 0; margin: 0; font-weight: bold; text-align: center; width: 100%;  }
.order_cart #qty1{ outline: none; font-size: 16px; border: none; background: transparent; color: #0a3d7e; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; padding: 9px 0; margin: 0;font-weight: bold; text-align: center; width: 30%;  }
/*-- // cart-page --*/

/*-- single-page --*/
.banner-bootom-w3-agileits{ padding: 55px 0; position: relative;width: 100%; overflow: hidden;margin: 0 0; }
.banner-bootom-w3-agileits img.sing-r{ position: absolute;content: ""; right: 0; top: 0; margin: 0; padding: 0; width: 15%;height: 660px; }
.single-right-left h3 { text-shadow: 4px 4px 2px rgb(230, 230, 230); font-family: 'Arsenal', sans-serif; font-size: 30px; color: #4a4948; line-height: 50px; padding: 0; margin: 0; font-weight: bold; }
span.item_price { font-size: 20px; color: #38322f; text-shadow: 4px 4px 2px rgb(234 234 234); letter-spacing: 0px; font-weight: bold; }
.single-right-left del {     margin: 0 9px 0 20px; font-size: 16px; color: #56575a; font-weight: bold; }
.single-right-left .product-new-top { border: 3px double #FFF; width: 60px; height: 60px; background: #f35f19; top: unset; border-radius: 50%; color: #FFF; text-shadow: none; line-height: 60px; font-size: 12px; display: inline-block; font-weight: normal; padding: 0 0 0 6px; }
.single-right-left p { margin: 10px 0 15px; color: #000; font-size: 17px;}
.single-right-left p label{ color: #000; }
.single-infoagile ul li { display: block; font-size: 14px; margin-bottom: 12px; }
.product-single-w3l { border-top: 1px solid #1accfd; margin-bottom: 20px; margin-top: 20px; }
.product-single-w3l p i { color: #1accfd; margin-right: 11px; font-size: 24px; }
.product-single-w3l p { color: #000; margin: 15px 0; letter-spacing: 0.5px; font-size: 14px; line-height: 25px; text-align: justify; }
.product-single-w3l ul li { list-style: inside; font-size: 14px; margin-bottom: 5px; line-height: 1.7; }
.occasion-cart .snipcart-details { width: 38%; margin: 0; }
.occasion-cart .snipcart-details input.button {font-size: 14px;color: #fff;background: #2a3c7a;text-decoration: none;position: relative;border: none;border-radius: 0;width: 47%;text-transform: uppercase;padding: .5em 0;outline: none;}
.occasion-cart .snipcart-details:hover .snipcart-details input.button,.snipcart-details input.button:hover{ background: #fe9126;}
.hvr-outline-out select{ font-size: 15px; color: #fff; background: #3399cc; text-decoration: none; position: relative; border: none; border-radius: 0; width: 49%; text-transform: uppercase; padding: 0.5em 0; outline: none; float: left; margin: 0 5px 0 0; }
img.single { display: block; width:75%; height: auto; border: 4px double #bcbcbc; }
img.img-responsive_1 { display: block; max-width: 100%; height: 400px; border: 4px double #bcbcbc; }
img.img-responsive { display: block; max-width: 100%; height: auto; border: 4px double #f68c1f; }
img.img-single { display: block; width: 80%; height: auto;}
/*-- //single-page --*/

/* -- User_profile -- */
.category ul{ margin: 0; padding: 0; }
.category ul li {font-size: 15px; display: block; list-style-type: none; padding: 0.8em 0; padding-left: 0px; padding-left: 0px; padding-left: 2.5em; background: url(../images/arrowtwo.png) no-repeat 1px 15px #f5820d; border-bottom: 2px solid #FFF; transition: all 0.5s ease-in-out; cursor: pointer; }
.category ul li a {color: #FFF;transition: all 0.5s ease-in-out; font-family: 'Inconsolata', monospace;}
.side-bar-two {background-color: #F9F9F9;padding: 8px 8px;box-shadow: 0px 0px 15px 0px #D6D6D6;margin-bottom: 1em;border: 3px double #b7b7b7;}
.glyphicon {position: relative;top: 10px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #064fab;font-size: 35px;}
.glyphicon-user::before {content: "\e008";}
.category ul li:hover{background: url(../images/arrowtwohover.png) no-repeat 1px 15px #064fab;transform: scale(1.1);}
.category ul li:hover a{color: #fff;}
.category ul li.active{ background: url(../images/arrowtwohover.png) no-repeat 1px 15px #000;  }
.category ul li.active a{ color:#ffff; }

/* --// User_profile -- */

/* -- profile -- */
.profile-banner {padding: 1.5em;box-shadow: 0px 0px 15px 0px #D6D6D6;margin-bottom: 14px;border: 3px double #b7b7b7;}
.profile-banner h4{ font-family: 'Montserrat', sans-serif;color: #0e5664; }
form.profile input[type="submit"] {outline: none;padding: 10px 35px;font-size: 14px;color: #FFF; width:18%;background:#F5820D;border: none;text-transform: uppercase;}
form.profile:hover input[type="submit"]{ background:#219FF3; }
form.profile label {margin: 0.5em 0;padding: 0.3em 0 0 0;font-size: 15px;font-weight: normal;}

/* --// profile -- */
/* -- order + Edit profile -- */
#order-view p label{color: #032754; padding: 0; font-weight: normal; font-size: 16px; line-height: 20px; font-family: 'Inconsolata', monospace;}
#order-view label{color: #032754; padding: 0; font-weight: normal; font-size: 16px; line-height: 20px; font-family: 'Inconsolata', monospace;}
.mobile-view{ color: #032754; padding: 0; font-weight: normal; font-size: 16px; line-height: 20px; font-family: 'Inconsolata', monospace; }
.mobile-view1{ color: #032754; padding: 0; font-weight: bold; font-size: 15px; line-height: 20px; padding:0 0 8px; }

.profile-banner label { font-family: 'Montserrat', sans-serif; color: #064fab;padding: 18px 0 0 0; font-weight: normal; font-size: 16px; line-height: 20px;}
textarea.text-ari{ width: 215px;height: 60px;border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;border-bottom: 1px solid #000;margin: 0 0 20px; }
.snipcart-details a.button { font-size: 14px; color: #fff; background: #2a3c7a; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; }
fieldset a.button { font-size: 14px; color: #fff; background: #2a3c7a; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; display: block; text-align: center; }
.text-center_1{ text-align: center; }
.text-center_1 a.button { font-size: 14px; color: #fff; background: #F5820D; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; }
.text-center_1 a.button:hover { background: #064FAB; }
label.hik { font-size: 14px !important; color: #064fab !important; font-weight: bold; text-align: left; float: left; margin: 0 0 35px 0; letter-spacing: 0.5px; line-height: 20px; border-bottom: 1px solid #064fab; }
label.hikk{   font-size: 14px !important; color: #002c63 !important; text-align: left; float: left; margin: 0; letter-spacing: 0.5px; line-height: 30px; padding: 0 0 10px; font-weight: bold; text-transform: uppercase; }
p.hikk{ color: #032754; padding: 0; font-weight: normal; font-size: 16px; line-height: 20px; font-family: 'Inconsolata', monospace; margin:0;}
p.hik{ font-size: 14px; color: #000; line-height: 20px; padding: 0 0; margin: 0; }
.profile-banner ul.big li {     width: 15%; display: inline-block; font-weight: bold; margin: 0 0 60px; color: #002554; font-size: 15px; }
.profile-banner .no { height: 40px; width: 100%; resize: none; padding: 5px; border: 0.5px solid #cfc2b9; }
.snipcart-details input.button_1 { font-size: 14px; color: #fff; background: #3399cc; text-decoration: none; position: relative; border: none; border-radius: 0; width: 50%; text-transform: uppercase; padding: .5em 0; outline: none; }
.snipcart-details input.button_1:hover { background: #f68b1f; }
.ed-p-box{ width: 100%; padding: 4px 6px; margin: 0; }
p.or-de-p{ padding: 10px 0 0; margin: 0; }
/* --// order -- */

/*-- log in --*/
.sub-main-w3{ text-align: center; }
.form-group { margin-bottom: 1.5em; flex-basis: 100%; -webkit-flex-basis: 100%; }
.sub-main-w3 input[type="email"], .sub-main-w3 input[type="password"] { width: 100%; color: #fff; outline: none; font-size: 14px; letter-spacing: 1px; padding: 18px 15px; box-sizing: border-box; border: none; background: rgba(4, 4, 4, 0.50); border: 1px solid #F68715; box-shadow: 1px 5px 12px 0px rgba(0, 0, 0, 0.46); }
.sub-main-w3 form { max-width: 600px; margin: 0 auto; background: rgba(255, 255, 255, 0.19); padding: 3.5vw; box-sizing: border-box; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.33); }
.sub-main-w3 input[type="submit"] { color: #fff; background: #f68b1d; border: none; padding: 13px 30px; margin-top: 30px; outline: none; width: 100%; font-size: 16px; cursor: pointer; letter-spacing: 2px; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.49); }
.sub-main-w3 input:hover[type="submit"] { color: #FFF;background: #000; }
/*-- reg 1 --*/

/*-- reg_form --*/
.reg h3 { color: #fff; font-size: 32px; font-weight: 600; margin-bottom: 1em; text-shadow: 1px 1px 2px #000; font-family: 'Niconne', cursive; text-align: center; padding-top: 1em; }
.reg{background: url(../images/2.jpg)no-repeat center ; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-position: center; font-family: 'Open Sans', sans-serif; padding: 100px 0 40px 0; font-size: 100%; background-image: linear-gradient(to bottom,#2a3c7a,#2a3c7a,#468dc8,#468dc8,#468dc8);}
.img-w3layouts { overflow: hidden; flex-basis: 38%; -webkit-flex-basis: 38%; }
.main-content-agile { display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; align-items: center; margin: 0 1.5vw; }
.sub-main-w2 { display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; align-items: center; flex-basis: 50%; -webkit-flex-basis: 50%; width: 100%; }
.img-w3layouts { flex-basis: 38%; -webkit-flex-basis: 38%; margin-bottom: -220px; }
.sub-main-w2 form { max-width: 100%; margin: 0 3vw; padding: 1.5vw; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; flex-wrap: wrap; background: rgba(0, 0, 0, 0.30); border: 1px solid #FFF; -webkit-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.35); box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.35);     background: #e8f0fe;}
.form-style-agile { flex-basis: 100%; -webkit-flex-basis: 100%; }
.sub-main-w2 label { color: #fff; font-size: 14px; letter-spacing: 1px; margin-bottom: 10px; display: inline-block; }
.pom-agile { padding: 11px 15px; background: rgba(8, 8, 8, 0.50); margin-bottom: 16px; display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; box-sizing: border-box; border: 1px solid #f9d7b5; }
span.fa { color: #2a3c7a; line-height: 1.5; flex-basis: 4%; -webkit-flex-basis: 4%; }
.sub-main-w2 .input-group input[type="text"],
.sub-main-w2 .input-group input[type="email"],
.sub-main-w2 .input-group input[type="password"] { font-size: 14px;color: #2a3c7a;font-weight: normal;text-align: left;text-transform: capitalize;letter-spacing: 1px;padding: 12px 10px 5px 25px;width: 90%;display: inline-block;box-sizing: border-box;border: none;    border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;outline: none;background: transparent;font-family: 'Raleway', sans-serif;}
.sub-main-w2 .input-group select { font-size: 14px;color: #2a3c7a;font-weight: normal;text-align: left;text-transform: capitalize;letter-spacing: 1px;padding: 12px 10px 5px 25px;width: 90%;display: inline-block;box-sizing: border-box;border: none;    border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;outline: none;background: transparent;font-family: 'Raleway', sans-serif;}
.sub-main-w2 .input-group textarea { font-size: 14px;color: #2a3c7a;font-weight: normal;text-align: left;text-transform: capitalize;letter-spacing: 1px;padding: 12px 10px 5px 25px;width: 90%;display: inline-block;box-sizing: border-box;border: none;    border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;outline: none;background: transparent;font-family: 'Raleway', sans-serif;}

.refresh{ color: #fff; background: #324454; border: 10px solid #337ab7; padding: 10px 0; margin-top: 20px; outline: none; width: 100%; font-size: 16px; cursor: pointer; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; }
.sub-main-w2 input[type="submit"] { color: #fff; background: #337ab7; border: none; padding: 9px 0; outline: none; margin-top:30px; width: 100%; font-size: 15px; cursor: pointer; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; margin: 0 0 0; }
.sub-main-w2 input[type="submit"]:hover { background: #000; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; }
.sub-agile { float: left; }
.sub-agile input[type="checkbox"] { display: none; }
.sub-agile input[type="checkbox"]+label { position: relative; padding-left: 25px; display: inline-block; font-size: .9em; color: #468dc8; cursor: pointer; }
.sub-agile input[type="checkbox"]+label span:first-child { width: 13px; height: 13px; display: inline-block; border: 1px solid #0c61aa; position: absolute; top: 1px; left: 2px; }
.sub-agile input[type="checkbox"]:checked+label span:first-child:before { content: ""; background: url(../images/tick.png)no-repeat; position: absolute; left: 2px; top: 1px; font-size: 10px; width: 10px; height: 10px; }
.sub-w3l a { float: right; font-size: .9em; color: #fff; letter-spacing: 1px; }

/*--placeholder-color--*/

.sub-main-w2 .input-group input::-webkit-input-placeholder { color: #323232; }
.sub-main-w2 .input-group input:-moz-placeholder { /* Firefox 18- */ color: #323232; }
.sub-main-w2 .input-group input::-moz-placeholder { /* Firefox 19+ */ color: #323232; }
.sub-main-w2 .input-group input:-ms-input-placeholder { color: #323232; }
.sub-main-w2 .input-group textarea::-webkit-input-placeholder { color: #323232; }
.sub-main-w2 .input-group textarea:-moz-placeholder { /* Firefox 18- */ color: #323232; }
.sub-main-w2 .input-group textarea::-moz-placeholder { /* Firefox 19+ */ color: #323232; }
.sub-main-w2 .input-group textarea:-ms-input-placeholder { color: #323232; }
/*--//placeholder-color--*/

/*--//reg_form--*/
/*-- reg --*/

.spec_1 h5 { font-size: 37px; color: #fff; margin: 20px 0 40px 0; text-shadow: 4px 4px 2px rgb(0, 0, 0); letter-spacing: 1.5px; }
.signupform{background: url('../images/2.jpg') center no-repeat; background-size: cover; padding: 40px 0 40px; margin: 70px 0 0; position: relative; overflow: hidden; background: #2a3c7a;}

.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{  vertical-align:top;}/* vertical align top */

.w3_info .input-group input[type="button"], input[type="submit"] { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

/*-- //Reset-Code --*/
.w3_info .input-group input[type="text"] { font-size: 14px;color: #2a3c7a;font-weight: normal;text-align: left;text-transform: none;letter-spacing: 1px;padding: 12px 10px 5px 25px;width: 90%;display: inline-block;box-sizing: border-box;border: none;    border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;outline: none;background: transparent;font-family: 'Raleway', sans-serif;}
.w3_info .input-group input[type="email"] { font-size: 14px;color: #2a3c7a;font-weight: normal;text-align: left;text-transform: none;letter-spacing: 1px;padding: 12px 10px 5px 25px;width: 90%;display: inline-block;box-sizing: border-box;border: none;    border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;outline: none;background: transparent;font-family: 'Raleway', sans-serif; }
.w3_info .input-group input[type="Password"] { font-size: 14px;color: #2a3c7a;font-weight: normal;text-align: left;text-transform: none;letter-spacing: 1px;padding: 12px 10px 5px 25px;width: 90%;display: inline-block;box-sizing: border-box;border: none;    border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;outline: none;background: transparent;font-family: 'Raleway', sans-serif;}
.w3_info .input-group select { font-size: 14px;color: #2a3c7a;font-weight: normal;text-align: left;text-transform: none;letter-spacing: 1px;padding: 12px 10px 5px 25px;width: 90%;display: inline-block;box-sizing: border-box;border: none;    border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;outline: none;background: transparent;font-family: 'Raleway', sans-serif;}
.w3_info .input-group textarea { font-size: 14px;color: #2a3c7a;font-weight: normal;text-align: left;text-transform: none;letter-spacing: 1px;padding: 12px 10px 5px 25px;width: 90%;display: inline-block;box-sizing: border-box;border: none;    border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;outline: none;background: transparent;font-family: 'Raleway', sans-serif;}

img.reg-imgs{     width: 15%; position: absolute; right: 320px; top: 550px; }
.btn-danger { color: #fff; background-color: #2a3c7a !important; border-color: #2a3c7a !important;
    -webkit-box-shadow: inset -1px -3px 16px 6px rgba(0,0,0,0.78);
    -moz-box-shadow: inset -1px -3px 16px 6px rgba(0,0,0,0.78);
    box-shadow: inset -1px -3px 16px 6px rgba(0,0,0,0.78); }
    
    
.w3_info .input-group input[type="reset"]{ color: #fff; background-color: #2a3c7a; border-color: #2a3c7a;
    -webkit-box-shadow: inset -1px -3px 16px 6px rgba(0,0,0,0.78);
    -moz-box-shadow: inset -1px -3px 16px 6px rgba(0,0,0,0.78);
    box-shadow: inset -1px -3px 16px 6px rgba(0,0,0,0.78); }
.w3_info .input-group input[type="submit"]{ color: #fff; background-color: #2a3c7a; border-color: #2a3c7a;
    -webkit-box-shadow: inset -1px -3px 16px 6px rgba(0,0,0,0.78);
    -moz-box-shadow: inset -1px -3px 16px 6px rgba(0,0,0,0.78);
    box-shadow: inset -1px -3px 16px 6px rgba(0,0,0,0.78); }    
.input-group {     margin-bottom: 15px; padding: 0px 10px; border-bottom: 2px solid #2a3c7a; width: 100%; border-radius: 10px; }
.btn-block { width: 49% !important; margin: 0 auto !important; display: inline-block !important; }
.btn:active { outline: none; }
.btn-danger { color: #333; background-color: #fff; margin-top: 15px; outline:none; padding:12px 12px; margin: 0; cursor:pointer; letter-spacing: 2px; font-size: 15px; font-weight: 600; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border: none; text-transform: uppercase; font-family: 'Raleway', sans-serif; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.btn-danger:hover{ background-color:#f68c1f; color: #fff; }
.w3_info h2 { font-size: 20px; margin: 20px 0; color: #062c5c; font-family: 'Taviraj', serif; text-transform: uppercase; font-weight: bold; text-align: center; display: block; }
.w3_info h4 { display: inline-block; font-size: 15px; padding: 8px 0px; color: #444; text-transform: capitalize; }
.w3_info .input-group input::-webkit-input-placeholder { color:#323232 !important; }
.w3_info .input-group input::-moz-placeholder { /* Firefox 18- */ color:#323232 !important; }
.w3_info .input-group input::-moz-placeholder {  /* Firefox 19+ */ color:#323232 !important; }
.w3_info .input-group input::-ms-input-placeholder {   color:#323232 !important; }
a.btn.btn-block.btn-social.btn-facebook { display: block; width: 100%; padding: 10px 0px; text-align: center; font-size: 16px; font-weight: 600; letter-spacing: 1px; font-family: 'Raleway', sans-serif; }
.w3_info { flex-basis: 100%; -webkit-flex-basis: 100%; box-sizing: border-box; padding: 1em 1em;  background: rgba(0, 0, 0, 0.18);    background: #e8f0fe;}
.left_grid_info { padding:30px; }
.agile_info { display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox;      /* TWEENER - IE 10 */ display: -webkit-flex;     /* NEW - Chrome */ display: flex;              /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 35%; margin: 0 auto;     -webkit-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.25); box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.25); border: 1px solid #FFF; }        
ul.social_section_1info li { display: inline-block; }
ul.social_section_1info { margin-top: 25px; }
ul.social_section_1info a { color: #eee; margin-right: 10px; font-size: 15px; }
ul.social_section_1info a:hover { color: #01cd74; }
.w3l_form { padding: 0px; flex-basis: 50%; -webkit-flex-basis: 50%; background:#fff; }
.w3_info p { padding-bottom: 5px; text-align: center; }
p.account, p.account a { text-align: center; padding: 20px 0 0; color: #f6911b; margin: 0; }
p.account a:hover { color: #f00; }
h3.w3ls { margin: 10px 0px; padding-left: 60px; }
h3.agileits { padding-left: 10px; }

.input-group i.fa { font-size: 16px; vertical-align: middle; color:#2a3c7a; box-sizing:border-box; float:left; width:6%; margin: 13px 0 0 0; text-align: center; }
h5 { text-align: center; margin: 10px 0px; font-size: 15px; font-weight: 600; color: #000; }

form.profile input{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
form.profile button{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
form.profile select{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
form.profile textarea{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }

form.profile_edit input{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
form.profile_edit button{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
form.profile_edit select{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
form.profile_edit textarea{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }

.agileinfo_mail_grid_right input[type="text"]{     background: none; font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
.agileinfo_mail_grid_right input[type="email"]{     background: none; font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
.agileinfo_mail_grid_right select{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }
.agileinfo_mail_grid_right textarea{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142; font-family: 'Inconsolata', monospace; font-size: 15px; }

h4.modal-title { font-family: 'Oswald', sans-serif; font-size: 22px; text-align: center; color: #fff; }
.modal-body form { position: relative; width: 100%; padding: 0 0; margin: 0 0; }
.form-horizontal .form-group label { width: 35%; border: 1px solid #989898; padding: 5px 15px; margin: 0 0 10px; color: #fff; float: left; background:#2a3c7a; text-transform: uppercase; }
.form-horizontal .form-group input { width: 65%; border: 1px solid #d8d8d8; padding: 5px 15px; margin: 0 0 10px; color: #000; float: right; border-radius: 0; }
.form-horizontal .form-group select { width: 65%; border: 1px solid #d8d8d8; padding: 5px 15px; margin: 0 0 10px; color: #000; float: right; border-radius: 0; }
.form-horizontal .form-group textarea { width: 65%; border: 1px solid #d8d8d8; padding: 5px 15px; margin: 0 0 10px; color: #000; float: right; border-radius: 0; }

/*CART FLIPKART*/
.cart-flipkart{  padding: 30px 0; margin: 0; position: relative; width:100%; overflow: hidden; background: #ebeff4; }
.cart-flipkart .flipkart-box{ position: relative; width:100%; overflow: hidden; }
.cart-flipkart .flipkart-box .flipkart-box-left{  padding: 15px; margin: 0; position: relative; width: 100%; overflow: hidden; background: #fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%); border: 1px solid #e9e9e9;  } 
.cart-flipkart .flipkart-box .flipkart-box-left .title-top{  padding: 0 0 5px; margin: 0; position: relative; width: 100%; border-bottom: 1px solid #ccc; }
.cart-flipkart .flipkart-box .flipkart-box-left .title-top h3{     padding: 0; margin: 0; float: left; width: 47%; font-size: 20px; font-weight: bold; color: #0a1b55; }
.cart-flipkart .flipkart-box .flipkart-box-left .title-top select{ display: inline-block; float: right; width: 40%; padding: 9px; font-size: 12px; border: 1px solid #ccc; border-radius: 4px; outline: none; }
.cart-flipkart .flipkart-box .flipkart-box-left .title-top lable {     font-size: 15px; line-height:35px; font-weight: bold; color: #0061dc; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom{  padding: 8px 0 10px; margin: 0; position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #d4d4d4; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-box{ float: left; width: 30%; overflow: hidden;}
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-box img{  width:90%;  }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text{ float: right; width: 70% }    
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h4{text-align: left; font-size: 17px; line-height: 25px; padding: 0 0 8px; margin: 0; }   
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h5{ text-align: left; padding: 0 0 7px; margin: 0; font-size: 15px; color: #000; }   
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h6{text-align: left; padding: 0 0 7px; margin: 0; font-size: 17px; color: #000; }  
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h6 span{ text-decoration: line-through; font-size: 14px; color: #878787; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text .saving-cart{ padding: 0 0 5px; margin: 0; font-size: 14px; color: #d61a1a; font-weight: bold; display: block; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom h5.delivry{ font-size: 14px; padding: 0 0 10px; margin: 0; text-align: right; color: #000; }
.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom h6.delivry{ font-size: 13px; padding: 0; margin: 0; text-align: right; color: #000; }

.cart-flipkart .flipkart-box .flipkart-box-right{  padding: 15px; margin: 0; position: relative; width: 100%; overflow: hidden; background: #fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%); border: 1px solid #e9e9e9;  } 
.cart-flipkart .flipkart-box .flipkart-box-right h3{ padding: 0 0 15px; margin: 0 0 10px; font-size: 20px; font-weight: bold; color: #0a1b55; display: block; border-bottom: 1px solid #ccc; }
.cart-flipkart .flipkart-box .flipkart-box-right p{    margin: 0; padding: 0 0 10px; text-align: left; font-size: 16px; font-weight: normal; color: #230808;}
.cart-flipkart .flipkart-box .flipkart-box-right p span{float: right; color: #000; font-weight: bold; }
.cart-flipkart .flipkart-box .flipkart-box-right h2{     padding: 10px 0 15px; margin: 0; font-size: 17px; font-weight: bold; color: #0a1b55; display: block; border-top: 1px solid #ccc;}
.cart-flipkart .flipkart-box .flipkart-box-right h2 span{ float: right; }

/*LOG IN new*/
.login { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; height: auto;
/*height: 100vh;*/ background: #f1f1f1; background: #fff; }
.login .login-right { width: 25%; display: block; display: -webkit-box; padding: 20px; margin: 160px auto; -webkit-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); -moz-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%); border: 5px solid #f1f3f6; }
.login .login-right form { width: 100%; }
.login .login-right form img.logo-log { width: 15%; margin: 0 auto; display: block; padding: 0 0 10px; }
.login .login-right form h4 { color: #202124; font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif; font-size: 24px; font-weight: 400; line-height: 1.3333; text-align: center; padding: 0 0 10px; margin: 0; }
.login .login-right form h5 { color: #202124; font-size: 16px; font-weight: 400; letter-spacing: .1px; line-height: 1.5; font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif; text-align: center; padding: 0 0 30px; margin:0; }
.login .login-right form .form-left-to-w3l { margin: 0px 0; padding-bottom: 20px; }
.login .login-right form .form-left-to-w3l label { -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; font-family: 'frankruehlregular'; }
.login .login-right form .form-left-to-w3l input[type="email"], .login .login-right form .form-left-to-w3l input[type="email"], .login .login-right form .form-left-to-w3l input[type="password"] { -webkit-flex-basis: 90%; flex-basis: 90%; width: 100%; padding: 10px 10px; color: #000; border: none; border: 1px solid #e4e4e4; outline: none; -webkit-appearance: none; background: transparent; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; box-sizing: border-box; background: #fcfbfc; }
.login .login-right form .form-left-to-w3l input[type="text"], .login .login-right form .form-left-to-w3l input[type="text"], .login .login-right form .form-left-to-w3l input[type="text"] { -webkit-flex-basis: 90%; flex-basis: 90%; width: 100%; padding: 10px 10px; color: #000; border: none; border: 1px solid #e4e4e4; outline: none; -webkit-appearance: none; background: transparent; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; box-sizing: border-box; background: #fcfbfc; }

.login .login-right form p.lost a { font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif; text-decoration: none; font-size: 13px; color: #1a73e8; padding: 5px 0 0; display: block; font-weight: bold; }
.form-sub-acc { position: relative; width: 100%; display: inline-block; }
.form-sub-acc .form-sub { width: 30%; float: left; display: block; }
.login .login-right form input[type="submit"] { display: block; display: inline-block; margin: 0px 0 0; padding: 6px 0; border-radius: 0px; outline: none; border: 0; font-size: 13px; letter-spacing: 1px; color: #fff; cursor: pointer; font-weight: 600; background-color: #1a73e8; width: 100%; border-radius: 5px; font-family: a; }
.form-sub-acc .form-acc { width: 60%; float: right; text-align: right; font-family: a; }
.icon_fb { position: relative; width: 50%; overflow: hidden; padding: 0; margin: 10px 0 0; float: left; background: no-repeat; border: none; box-shadow: none; border-radius: 5px; }
.icon_fb a img{ width: 100%;  }

/*registration*/
.registration { position: relative; width: 100%; overflow: hidden; padding: 0; margin: 0; height: auto; /*height: 100vh;*/ background: #fff; }
.registration .registration-right { width: 30%; display: block; display: -webkit-box; padding: 15px; margin: 100px auto; -webkit-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); -moz-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%); border: 5px solid #f1f3f6; }
.registration .registration-right form { width: 100%; }
.registration .registration-right form img.logo-log { width: 25%; margin: 0 auto; display: block; padding: 0 0 10px; font-family: 'frankruehlregular'; }
.registration .registration-right form h4 { color: #202124; font-family: 'Google Sans','Noto Sans Myanmar UI',arial,sans-serif; font-size: 20px; font-weight: 400; line-height: 1.3333; text-align: center; padding: 0 0 10px; margin: 0; }
.registration .registration-right form .form-left-to-w3l { margin: 0px 0; padding-bottom: 5px; }
.registration .registration-right form .form-left-to-w3l label { -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; font-family:a ; }
.registration .registration-right form .form-left-to-w3l input[type="text"], .registration .registration-right form .form-left-to-w3l textarea, .registration .registration-right form .form-left-to-w3l input[type="email"], .registration .registration-right form .form-left-to-w3l input[type="email"], .registration .registration-right form .form-left-to-w3l input[type="password"] { -webkit-flex-basis: 90%; flex-basis: 90%; width: 100%; padding: 5px 10px; color: #000; border: none; border: 1px solid #e4e4e4; outline: none; -webkit-appearance: none; background: transparent; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; box-sizing: border-box; background: #fcfbfc; font-size: 14px; margin: 2px 0 4px; font-family: 'frankruehlregular'; }
.registration .registration-right form .form-left-to-w3l select{ -webkit-flex-basis: 90%; flex-basis: 90%; width: 100%; padding: 5px 10px; color: #000; border: none; border: 1px solid #e4e4e4; outline: none; -webkit-appearance: none; background: transparent; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; box-sizing: border-box; background: #fcfbfc; font-size: 15px; margin: 2px 0 4px; font-family: 'frankruehlregular'; }
.registration .registration-right form input[type="submit"] { display: block; display: inline-block; margin: 0px 0 0; padding: 6px 0; border-radius: 0px; outline: none; border: 0; font-size: 13px; letter-spacing: 1px; color: #fff; cursor: pointer; font-weight: 600; background-color: #1a73e8; width: 100%; border-radius: 5px; font-family: 'frankruehlregular'; }
.otp-pe{ position: relative; width: 100%; overflow: hidden; padding: 0; margin:150px 0 0; height: auto; /*height: 100vh;*/ background: #fff; }
.otp-pe .registration-right{    width: 80%; display: block; display: -webkit-box; padding: 15px; margin: 20px auto; -webkit-box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%); -moz-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%); box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%); border: 5px solid #f1f3f6; }
.otp-pe .registration-right form{ position: relative; width: 100%; overflow: hidden;  }
.otp-pe .registration-right form label{ font-size: 22px; line-height: 30px; padding: 0 0 5px; margin: 0; color: #0c1b55;}
.otp-pe .registration-right form input[type="text"] { color: #000; font-size: 15px; line-height: 25px; margin: 20px 0 10px; border: 1px solid #cecece; }
.otp-pe .registration-right form input[type="submit"] { padding: 0 17px; margin: 0; font-size: 11px; line-height: 30px; background: #109dea; color: #fff; font-weight: bold; text-transform: uppercase; border: none; border-radius: 3px; }
.otp-pe .registration-right form input:hover[type="submit"]{ background: #2a3c7a; }
.otp-pe .registration-right form .form-left-to-w3l a{ float: right; color: #087bb9; font-weight: bold; }

/*--responsive--*/

@media(max-width: 1366px) {
    .carousel-caption {
        min-height: 600px;
        padding-top: 13em;
    }
}

@media(max-width: 1280px) {
    .about_right h3 {
        font-size: 39px;
    }
    .carousel-control {
        line-height: 29em;
    }
}

@media(max-width: 1080px) {
    .navbar-nav {
        width: 66%;
    }
    .navbar-default .navbar-nav>li>a {
        margin: 16px 0;
    }
    .carousel-caption {
        min-height: 550px;
    }
    .aboutimg-w3l img {
        width: 100%;
    }
    .about_right p {
        font-size: 13px;
        margin: 12px 0 35px;
    }
    .about-bottom ul li h5 {
        font-size: 28px;
    }
    .about-bottom p {
        font-size: 12px;
    }
    .popular-grid {
        width: 31.8%;
    }
    .popular-grid h5 {
        font-size: 25px;
    }
    .popular-text {
        padding: 20px;
    }
    .popular-grid p {
        font-size: 13px;
    }
    p {
        font-size: 14px;
    }
    .gallery-grid1 .p-mask,
    .row .product .vm-product-media-container .p-mask {
        padding: 15px;
    }
    .p-mask h4 {
        font-size: 25px;
    }
    .address-grid,
    .address-info {
        padding: 36px;
    }
    .w3l-footer.one p {
        font-size: 12px;
    }
}

@media(max-width: 1050px) {}

@media(max-width: 1024px) {
    .carousel-caption {
        min-height: 500px;
        padding-top: 11em;
    }
    .carousel-control {
        line-height: 25em;
    }
    .carousel-caption h3 {
        font-size: 53px;
    }
    .carousel-caption h6 {
        font-size: 18px;
    }
    .about_right h3 {
        font-size: 36px;
    }
    .popular-grid p {
        margin-top: 10px;
    }
    .stats_grid_left {
        float: left;
        width: 50%;
        margin-top: 4em;
    }
    h3.title {
        font-size: 46px;
    }
    .cont-hed ul li {
    display: inline-block;
    font-weight: lighter;
    font-size: 11px;
    color: #000;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 0 0;
    margin: 0 10px 0 0; }
}

@media(max-width: 991px) {
    a.logo h1 {
        font-size: 36px;
    }
    .navbar-nav {
        width: 75%;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    .header-top p {
        font-size: 13px;
    }
    .header-top {
        padding: 13px 0;
    }
    .carousel-caption h3 {
        font-size: 48px;
    }
    .aboutimg-w3l img {
        width: 78%;
    }
    .aboutimg-w3l2 {
        text-align: right;
    }
    .about_right {
        margin-top: 2em;
    }
    .about-bottom ul li h5 {
        font-size: 30px;
    }
    .about-bottom p {
        font-size: 13px;
        margin-bottom: 0;
    }
    .popular-grid {
        width: 31.3%;
        float: left;
    }
    .popular-grid h5 {
        font-size: 24px;
        line-height: 1.3;
    }
    .agileits-w3layouts-grid {
        padding: 0;
    }
    .agileits-w3layouts-grid.img {
        margin-top: 3em;
        display: inline-block;
    }
    .stats_grid_left img {
        margin: 0 auto;
    }
    .stats_grid_left {
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 1em;
    }
    .about,
    .popular-w3,
    .gallery,
    .stats,
    .why-choose-agile,
    .team,
    .address,
    .testimonials {
        padding: 4em 0;
    }
    .gal-sec {
        padding: 0 .5em;
    }
    .gallery-grid1:nth-child(2),
    .gallery-grid1:nth-child(3) {
        margin-top: 1em;
    }
    .p-mask h4 {
        font-size: 22px;
    }
    .w3_testimonials_grid_left p {
        margin-top: 12px;
    }
    .w3_testimonials_grid_left h6 {
        font-size: 30px;
    }
    .address h4 {
        font-size: 26px;
        margin-bottom: 8px;
    }
    .address-info.address-mdl p {
        font-size: 13px;
    }
    .address-grid,
    .address-info {
        padding: 30px;
    }
    .address-info.address-mdl {
        margin: 1.5em 0;
    }
    .address input[type="text"],
    .address input[type="email"],
    .address textarea {
        font-size: 14px;
    }
    .address textarea {
        min-height: 9.6em;
    }
    .address input[type="submit"] {
        padding: 11px 40px;
        font-size: 15px;
    }
    .w3l-footer h3,
    .w3l-footer h2 {
        font-size: 24px;
        margin-bottom: 14px;
    }
    .w3l-footer.one {
        padding-right: 0;
        margin-bottom: 1.5em;
    }
    .w3l-footer.two ul li {
        margin: 13px 0;
    }
    .w3l-footer.three ul li p,
    .w3l-footer.three ul li a {
        font-size: 12px;
    }
}

@media(max-width: 900px) {
    .popular-grid {
        width: 32.2%;
        float: left;
        margin: 0 4px;
    }
    .popular-grid h5 {
        font-size: 25px;
    }
}

@media(max-width: 800px) {
    .carousel-caption {
        min-height: 450px;
        padding-top: 10em;
    }
    .carousel-caption h3 {
        font-size: 43px;
    }
    .carousel-caption h6 {
        font-size: 17px;
        margin-bottom: 25px;
    }
    .carousel-control {
        line-height: 21em;
    }
    .about_right h3 {
        font-size: 34px;
    }
    .popular-grid h5 {
        font-size: 21px;
    }
    .popular-text {
        padding: 10px;
    }
    .popular-grid p {
        margin-top: 5px;
        font-size: 12px;
    }
    h3.title {
        font-size: 42px;
    }
    .agile-why-text p {
        font-size: 13px;
    }
    .skillbar {
        width: 92%;
    }
    h3.w3ls-title.w3title2 {
        font-size: 43px;
        margin-bottom: .3em;
    }
    .team-grid h4 {
        font-size: 23px;
        margin: 35px 0 16px;
    }
    .w3_testimonials_grid_right img {
        width: 85%;
    }
    .address textarea {
        min-height: 9em;
    }
    .menu-container {
    display: block;
}
    .navigation  {
    display: none;
}
}

@media(max-width: 768px) {
    .carousel-caption {
        min-height: 432px;
        padding-top: 9.5em;
    }
    .carousel-control {
        line-height: 20em;
    }
    .address-left.wow.agile.fadeInLeft.animated {
        padding: 0 .5em;
    }
    .registration .registration-right {
    width: 50%;
    display: block;
    display: -webkit-box;
    padding: 15px;
    margin: 100px auto;
    -webkit-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%);
    -moz-box-shadow: 1px 1px 11px 0px rgba(204 204 204 / 60%);
    box-shadow: 1px 1px 11px 0px rgb(204 204 204 / 60%);
    border: 5px solid #eaeaea; }
    
    .registration .registration-right form img.logo-log {
    width: 40%;
    margin: 0 auto;
    display: block;
    padding: 0 0 10px;
    font-family: 'frankruehlregular'; }
    .header-top .ema-con ul li a i.fa {
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    line-height: 11px;
    padding: 0 7px 0px 0;
}
.header-top .ema-con ul li a {
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
}
.header-top {
    padding: 5px 0;
}
.product_list_header {
    float: right;
    padding: 4px 0 0;
    margin: 0;
    border: 0;
}
.dropbtn {
    background: #0269df;
    color: #fff;
    line-height: 15px;
    border: none;
    cursor: pointer;
    padding: 5px 9px;
    border-radius: 0px;
    height: 30px;
    border-radius: 15px;
}
.agile-login {
    padding: 3px 5px;
    background: #0269df;
    margin: 0;
    float: right;
    border-radius: 0px;
    height: 30px;
    border-radius: 15px;
}
.agile-login a {
    padding: 4px 3px 0;
    background: #0269df;}
    .header-bottom {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 99;
    padding: 25px 0; }
    .header-bottom .logo-new {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: -20px;
    right: -550px;
    float: right;
    text-align: right;
}
.header-bottom .logo-new img {
    width: 80%;
}
    
}

@media(max-width: 767px) {
    a.logo h1 {
        text-align: center;
    }
    .nav>li {
        text-align: center;
    }
    div#bs-example-navbar-collapse-1 {
        position: absolute;
        width: 100%;
        z-index: 9999;
    }
    .navbar-toggle {
        position: absolute;
        right: 0;
    }
    .navbar-nav {
        margin: 0;
        width: 100%;
        float: none;
        background: rgba(0, 0, 0, 0.73);
        padding: 0;
    }
    .navbar-nav>li {
        float: none;
        margin: 0;
        width: 100%;
    }
    .navbar-nav>li>a {
        margin: 1em 0;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        margin: 10px 0;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .navbar-toggle {
        background-color: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #faad81;
    }
    .navbar-default .navbar-toggle {
        margin: 7px 20px;
    }
    .navbar-default a.navbar-brand h1 {
        font-size: 30px;
        padding-left: 10px;
    }
    .navbar-default .navbar-brand label {
        letter-spacing: 3px;
    }
    .header {
        padding: 5px 0;
    }
    .header-top {
        padding: 6px 0;
    }
    .bottom_header_left {
        margin: .45em 0 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #faad81;
    }
    .address-grid,
    .address-info {
        padding: 28px;
    }
}

@media(max-width: 736px) {
    .header {
        padding: 10px 0;
    }
    a.logo h1 {
        font-size: 34px;
    }
    .header-top p {
        font-size: 12px;
    }
    .header-top {
        padding: 10px 0;
    }
    .carousel-caption h3 {
        font-size: 41px;
    }
    .carousel-caption h6 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .aboutimg-w3l img {
        width: 74%;
    }
    .popular-grid {
        width: 32%;
    }
    .popular-grid h5 {
        font-size: 20px;
    }
    .w3_testimonials_grid_left p {
        font-size: 13px;
    }
    .address h4 {
        font-size: 25px;
    }
    .w3ls-footer-grids {
        padding: 40px 0;
    }
}

@media(max-width: 667px) {
    .carousel-caption {
        padding-top: 9em;
    }
    .about_right h3 {
        font-size: 30px;
    }
    .popular-grid {
        width: 60%;
        margin: 0 auto;
        float: none;
    }
    .popular-grid h5 {
        font-size: 28px;
    }
    .popular-grid p {
        margin-top: 10px;
        font-size: 13px;
    }
    .popular-text {
        padding: 25px 30px;
    }
    .popular-grid:nth-child(2) {
        margin-top: 2em;
    }
    .address h4 {
        font-size: 23px;
        margin-bottom: 6px;
    }
    .address-grid,
    .address-info {
        padding: 26px;
    }
    .address input[type="submit"] {
        font-size: 14px;
    }
    .address textarea {
        min-height: 7.7em;
    }
    p {
        font-size: 13px;
    }
    .address textarea {
        min-height: 7.3em;
    }
    .about,
    .popular-w3,
    .gallery,
    .stats,
    .why-choose-agile,
    .team,
    .address,
    .testimonials {
        padding: 3em 0;
    }
}

@media(max-width: 640px) {
    .w3_testimonials_grid_left p {
        font-size: 12px;
    }
}

@media(max-width: 600px) {
    .carousel-caption h3 {
        font-size: 38px;
    }
    .carousel-caption h6 {
        font-size: 15px;
    }
    .carousel-caption {
        padding-top: 8em;
        min-height: 380px;
    }
    .carousel-control {
        line-height: 18em;
    }
    .about_right h3 {
        font-size: 28px;
    }
    .popular-grid h5 {
        font-size: 26px;
    }
    .agile-why-text h4 {
        font-size: 24px;
        margin-bottom: 2px;
    }
    .agile-why-text p {
        font-size: 12px;
    }
    .agile-why-text {
        padding: 0 .5em;
    }
    .wthree_agile_us:nth-child(2) {
        margin: 2em 0;
    }
    h3.w3ls-title.w3title2 {
        font-size: 38px;
    }
    h3.title {
        font-size: 38px;
        margin-bottom: .8em;
    }
    .w3_testimonials_grid_right img {
        width: 100%;
    }
    .team-grid h4 {
        font-size: 21px;
    }
    .address-right {
        width: 100%;
    }
    .address h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .address-left.wow.agile.fadeInLeft.animated {
        padding: 0 1em;
        width: 100%;
        margin-top: 2em;
    }
    .address textarea {
        min-height: 10em;
    }
    .w3l-footer {
        padding: 0 .5em;
    }
    .w3l-footer h3,
    .w3l-footer h2 {
        font-size: 22px;
    }
    p.footer-gd {
        font-size: 13px;
    }
    .copy-right-grids {
        padding: 15px 0;
    }
}

@media(max-width: 568px) {
    .aboutimg-w3l img {
        width: 80%;
    }
    .popular-grid h5 {
        font-size: 25px;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
    }
}

@media(max-width: 545px) {
    .aboutimg-w3l img {
        width: 80%;
    }
    .popular-grid h5 {
        font-size: 25px;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
    }
}

@media(max-width: 480px) {
    .carousel-caption {
        min-height: 360px;
    }
    .carousel-caption h3 {
        font-size: 32px;
    }
    .carousel-caption h6 {
        font-size: 14px;
    }
    .carousel-caption h6 {
        font-size: 14px;
    }
    .about_right p {
        font-size: 12px;
    }
    .about-bottom ul li h5 {
        font-size: 26px;
    }
    .about-bottom p {
        font-size: 10px;
    }
    .popular-grid {
        width: 80%;
    }
    .popular-text {
        padding: 22px 30px;
    }
    .agileits-w3layouts-grid {
        padding: 0 1em;
        width: 100%;
    }
    .wthree_agile_us:nth-child(2),
    .agileits-w3layouts-grid:nth-child(2) {
        margin: 1.5em 0;
    }
    .agileits-w3layouts-grid.img {
        margin-top: 1em;
    }
    .p-mask h4 {
        font-size: 16px;
    }
    .gallery-grid1 .p-mask,
    .row .product .vm-product-media-container .p-mask {
        padding: 10px;
    }
    .team-grid {
        width: 100%;
    }
    .team-grid:nth-child(2) {
        margin: 2em 0;
    }
    .team-grid h4 {
        font-size: 25px;
        margin: 40px 0 18px;
    }
    .w3l-footer {
        width: 100%;
    }
    .w3l-footer.three {
        margin: 1em 0;
    }
    
    
   /*480 raj responsiv */
.navigation{ display: none; }
.menu-container{  display: block; }   
.header { position: relative; width: 100%; padding: 0 0; margin: 0 0; display: block; }  
.cont-hed { width: 100%; padding: 0 0; margin: 0 0; float: right; }
.cont-hed ul { padding: 0; margin: 0 0; float: right; }
.top-header { width: 100%; padding: 0 0; margin: 0; border-top: 1px solid #d7d7d7; }    
.testimonials { background: #f7f7f7; padding: 2.5em 0; display: none; }
.product-bann { position: relative; width: 100%; padding: 5px 0 25px; margin: 0 0; overflow: hidden; }    
.sub-footer .footerv4-social { position: fixed; z-index: 999; right: 0; top: 150px; }
.snipcart-thumb img { width: 100%; height: 200px; padding: 7px; }   
h3.hed-pr { color: #0c0c0c; text-align: left; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 1px; }
.terms h4 { padding: 0 0 10px; color: #4c5051; font-size: 15px; font-family: a; font-weight: bold; line-height: 29px; }
.terms p { padding: 0 0 10px 10px; color: #482828; font-size: 16px; font-weight: lighter; font-style: italic; line-height: 23px; font-family: a; }
.sub-main-w2 {display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;align-items: center;flex-basis: 50%;-webkit-flex-basis: 100%;width: 100%;display: block ruby;mgin: 50px 0 0;border-radius: 15px; }  
.main-content-agile { margin: 50px 0 0; }

.bott-header { height: 30px; display: inline-block; width: 100%; padding: 0 0; margin: 0 auto; z-index: 9999999999; position: relative; }
.logo { width: 85%; padding: 0 0; margin: 0 0; overflow: hidden; position: absolute; content: ""; top: -70px; left: 140px; z-index: 9999999999999999999999999; }
.w3l_search input[type="submit"] { width: 17%; }
.carousel { position: relative; margin: 95px 0 0 0; height: 250px; overflow: hidden; }
.product-bann h3 { text-align: center; font-size: 26px; color: #097dc4; line-height: 35px; padding: 0 0 20px; margin: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 0; }
.product-bann .img-bl .img-top h4 { color: #f35f19; font-size: 30px; font-weight: bold; line-height: 45px; padding: 0 10px; margin: 0; }
.registration .registration-right { width: 70%; }
.cont-hed ul li { display: inline-block; font-weight: lighter; font-size: 12px; }
.logo { width: 60%; padding: 0 0; margin: 0 0; overflow: hidden; position: absolute; content: ""; top: -40px; left: 180px; z-index: 9999999999999999999999999; }

}

@media(max-width: 440px) {
    .carousel-caption {
        min-height: 340px;
    }
    .carousel-caption h3 {
        font-size: 30px;
    }
    .carousel-caption h6 {
        font-size: 13px;
        margin-bottom: 16px;
    }
    .carousel-control {
        line-height: 16em;
    }
    .aboutimg-w3l img {
        width: 100%;
    }
    .about-bottom p {
        font-size: 9px;
    }
    .gal-sec {
        padding: 0 1em;
        width: 100%;
    }
    .gal-sec:nth-child(2) {
        margin: 1em 0;
    }
    .p-mask h4 {
        font-size: 24px;
    }
    .gallery-grid1 .p-mask,
    .row .product .vm-product-media-container .p-mask {
        padding: 20px;
    }
    .w3_testimonials_grid_left {
        width: 100%;
    }
    .agile-why-text h4 {
        font-size: 24px;
        margin-bottom: 6px;
    }
    .w3_testimonials_grid_right {
        margin-top: 1em;
        width: 100%;
    }
    .w3_testimonials_grid_right img {
        width: 40%;
    }
    .address-info {
    padding: 0 30px;
    margin: 0; }
    
    .contact-layer {
    position: absolute;
    content: "";
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 0;
    text-align: center;
    width: 85%;
    height: 200px; }
    .spec_1 h3 {
    font-size: 31px;
    color: #fff;
    margin: 40px 0 0;
    text-shadow: 4px 4px 2px rgb(0, 0, 0);
    letter-spacing: 1.5px;
    font-weight: bold;
    text-transform: uppercase; }
    .agile_info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 90%;
    margin: 50px auto 0;
    -webkit-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.25);
    border: 1px solid #FFF; }
    
    img.reg-ra-img{ display:none; }
    .cont-hed ul li {
    display: inline-block;
    font-weight: lighter;
    font-size: 10px;
    margin: 0 5px 0 0; }
    .spec h3 {
    color: #119dea;
    margin: 0 0 10px 0;
    padding: 20px 0 0;
    letter-spacing: 0;
    position: relative;
    font-size: 20px;}
    .spec h3::after { width:15%; }
.inner-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 0;
    margin: 100px 0 0;
height: 110px; }
.cont-hed ul li a {
    color: #55618c;
    letter-spacing: 0;
    font-size: 12px;
}
    
}

@media(max-width: 414px) {
    .carousel-caption {
        min-height: 300px;
        padding-top: 7em;
    }
    .carousel-control {
        line-height: 14em;
    }
    .about-bottom ul li {
        width: 100%;
    }
    .about-bottom ul li:nth-child(2) {
        margin: 1.5em 0;
    }
    .about-bottom ul li:nth-child(2) {
        margin: 1.5em 0;
    }
    .popular-grid p {
        margin-top: 5px;
        font-size: 12px;
    }
    .popular-text {
        padding: 20px;
    }
    p.footer-gd {
        letter-spacing: 1px;
    }
    
       /*414 raj responsiv */
.navigation{ display: none; }
.menu-container{  display: block; }   
.header { position: relative; width: 100%; padding: 0 0; margin: 0 0; display: block; }  
.cont-hed { width: 100%; padding: 0 0; margin: 0 0; float: right; }
.cont-hed ul { padding: 0; margin: 0 0; float: left; }
.top-header { width: 100%; padding: 0 0; margin: 0; border-top: 1px solid #d7d7d7; }   
.cont-hed ul li { display: inline-block; font-weight: lighter; font-size: 12px; color: #000; line-height: 20px; letter-spacing: 0; padding: 0 0; margin: 0; display: block; }
.cont-hed ul li i.icon { font-size: 10px; color: #2a3c7a; padding: 0 4px 0 0; margin: 0; }
.cont-hed ul li a { color: #2a3c7a; font-style: italic; font-size: 10px; line-height: 15px; padding: 4px 0; display: inline-block; }
.logo {width: 70%; padding: 0 0; margin: 0 0; overflow: hidden; position: absolute; content: ""; top: -20px; left: 140px;z-index: 999999; }
.w3l_search input[type="search"] { width: 78% !important; padding: 4px; font-size: 13px; float: left; color: #000; outline: none; border: 1px solid #e3e3e3; }
.sear-hed .w3l_search { width: 100%; margin: 15px 0 0; }
.carousel { position: relative; margin: 100px 0 0 0; height: 210px; overflow: hidden; background: #ccc; }
img.mob-view-r{ width: 100% !important; max-width: 100% !important; margin: 0 0 0 0px; }
.w3l_search input[type="submit"] { width: 22%; height: 28px; outline: none; background: url(../images/can.png) no-repeat 11px 4px #2a3c7a; display: inline-block; padding: 0; border: none; margin: 0px 0 0 0; float: left; }
.agile_top_brand_left_grid1 h4, .agileinfo_single_right_snipcart h4 { font-weight: 600; font-size: 13px; color: #212121; text-align: center; }
.product-bann h3 { text-align: center; font-size: 25px; color: #2a3c7a; line-height: 50px; padding: 0; margin: 0; font-weight: bold; text-transform: uppercase; }
.product-bann .img-bl .img-top h4 { color: #fff; font-size: 20px; font-weight: bold; line-height: 25px; padding: 0 0 0 10px; margin: 0; text-transform: uppercase; }
.product-about .about-im { width: 100%; height: 210px; padding: 0 0; margin: 0; }
.product-about .about-imm { width: 100%; height: 110px; position: relative; }
.spec h3 { font-size: 30px; color: #2a3c7a; margin: 0 0 10px 0; padding: 0 0 0; text-shadow:none; letter-spacing: 0; position: relative; text-transform: uppercase; font-weight: bold; }    
.footer-top-w3layouts-grid-sec{ width:100%; display:block; padding:0; margin:0; } 
.inner-banner { position: relative; width: 100%; overflow: hidden; padding: 0 0; margin: 00px 0 0; height: 160px; background: url(../images/inn-baner.jpg) no-repeat top right; background-size: auto; background-attachment: none; background-size: cover; }
img.reg-imgs { width: 25%; position: absolute; right: 10px; top: 730px; }
.product_list_header { float: right; padding: 25px 0 0; margin: 0; border: 0; }
.bott-header { height: 17px; display: inline-block; width: 100%; padding: 0 0; margin: 0 auto; z-index: 1; position: relative; }

.green_button{  width: 50% !important;  }
label.hikk { font-size: 11px !important; color: #002c63 !important; text-align: left; float: left; margin: 0; letter-spacing: 0.5px; line-height: 20px; padding: 0 0 10px; font-weight: bold; text-transform: uppercase; }
p.hikk { color: #000; padding: 0; font-weight: normal; font-size: 16px; line-height: 20px; font-family: 'Inconsolata', monospace; margin: 0; font-size: revert; text-align: right; }
img.order-ing-rj{ width:100% !important; }
img.cart-prod{ width:100% !important; }
.cart-in-ra{ width:20% !important; padding:0 !important;  margin:0 !important;  }
.snipcart-details a.button { font-size: 11px; color: #fff; background: #e52226; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; }
.profile-banner ul.big li { width: 10%; display: inline-block; font-weight: bold; margin: 0; color: #33465d; font-size: 15px; }
ul.big{ padding:0; margin:7px 0; }
.form-horizontal .form-group label { width: 35%; border: 1px solid #989898; padding: 5px 5px; margin: 0 0 10px; color: #fff; float: left; background: #2a3c7a; text-transform: uppercase; font-size: 12px; line-height: 20px; }
.product-on { position: relative; background: #FFF; overflow: hidden; width: 100%; padding: 0 10px; }
.banner { margin: 100px 0 0; }
.spec { text-align: center; margin-bottom: 2em; margin-top: 20px; }   
.snipcart-details button.button_b { font-size: 10px; color: #fff; background: #ec1313; text-decoration: none; border: none; border-radius: 0; width: 30%; text-transform: uppercase; padding: 0.5em; outline: none; }   
.snipcart-details a.button { font-size: 11px; color: #fff; background: #2a3c7a; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; }
.profile-banner ul.big li { width: 10%; display: inline-block; font-weight: bold; margin: 0; color: #33465d; font-size: 15px; }
ul.big{ padding:0; margin:7px 0; }
.mobile-view { width: 16% !important; padding: 0 !important; margin: 0 !important; font-size: 12px; line-height: 15px; }
.mobile-view1{ width: 16% !important; padding: 0 !important; margin: 0 0 20px !important; font-size: 11px; line-height: 15px;  }  
.sub-main-w2 {display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-moz-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;align-items: center;flex-basis: 50%;-webkit-flex-basis: 100%;width: 100%;display: block ruby;mgin: 50px 0 0;border-radius: 15px; }  
.w3_info h2 { font-size: 17px; margin: 20px 0; color: #062c5c; }
.login .login-right { width: 80%; }

.header-top .ema-con ul li {
    font-size: 15px;
    line-height: 18px;
    list-style: none;
    display: block;
    padding: 0;
    margin: 0 0 3px;
    color: #000;
    float: none;
}
.header-top .ema-con {
    width: 100%;
    text-align: center;
    padding: 0 0 5px;
}
.header-top {
    padding: 5px 0;
    height: 90px;
    overflow: visible;
   
}
.body-left {
    position: fixed;
    left: -10px;
    z-index: 9999;
    top: 180px;
    display: none;
}
.header-top .ema-con ul li a {
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
}
.header-bottom .logo-new {

width: 50%;
    overflow: auto;
    position: absolute;
    top: -35px;
    right: 120px;
    float: right;
    text-align: right;
    z-index: 9999999;

}
.header-bottom {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 99;
    padding: 0 0 15px;
}
.header-bottom .logo-new a {height: 50px !important;
display: block;}

}

@media(max-width: 385px) {
    a.logo h1 {
        font-size: 30px;
    }
    a.logo span {
        font-size: 9px;
        letter-spacing: 3px;
    }
    .header-top p {
        font-size: 11px;
    }
    .header-top p {
        font-size: 11px;
    }
    .carousel-caption h6 {
        font-size: 12px;
    }
    .carousel-caption {
        min-height: 286px;
        padding-top: 6em;
    }
    .about,
    .popular-w3,
    .gallery,
    .stats,
    .why-choose-agile,
    .team,
    .address,
    .testimonials {
        padding: 2.5em 0;
    }
    .about_right h3 {
        font-size: 25px;
    }
    .about_right p {
        font-size: 11px;
        margin: 6px 0 28px;
    }
    .about-bottom p {
        font-size: 11px;
        margin-bottom: 0;
    }
    .popular-grid h5 {
        font-size: 23px;
    }
    h3.title {
        font-size: 32px;
    }
    .agile-why-text h4 {
        font-size: 21px;
        margin-bottom: 4px;
    }
    .wthree_agile_us:nth-child(2),
    .agileits-w3layouts-grid:nth-child(2) {
        margin: 2em 0;
    }
    h3.w3ls-title.w3title2 {
        font-size: 32px;
    }
    .skillbar {
        width: 86%;
    }
    .skillbar-title {
        width: 90px;
        font-size: 14px;
    }
    .w3ls-footer-grids {
        padding: 30px 0;
    }
}

@media(max-width: 375px) {
    .navbar-toggle {
        padding: 8px 9px;
    }
    .carousel-caption h3 {
        font-size: 27px;
    }
    .popular-grid {
        width: 90%;
    }
    .popular-grid h5 {
        font-size: 24px;
    }
    
    
    .cont-hed ul li a { color: #2a3c7a; font-style: italic; font-size: 11px; line-height: 17px; padding: 2px 0; display: inline-block; }
    .logo { top: -45px; left: 120px;}
    img.mob-view-r { width: 100% !important; max-width: 100% !important; margin: 0 0 0 0px; }
    .agile_top_brand_left_grid1 h4, .agileinfo_single_right_snipcart h4 { font-weight: 600; font-size: 11px; color: #212121; text-align: center; }
    .agile_top_brand_left_grid1 h4 span, .agileinfo_single_right_snipcart h4 span { font-weight: bold; text-decoration: line-through; padding: 0 0 0 10px; display: inline-block; font-size: 10px; color: #272424; }
    .snipcart-thumb img { width: 100%; height: 160px; padding: 7px; }
    .agile_top_brand_left_grid1 p { color: #212121; margin: 0; line-height: 1.5em; text-transform: capitalize; font-size: 12px; text-align: center; height: 60px; }
    .spec h3 { font-size: 20px; color: #2a3c7a; margin: 0 0 10px 0; padding: 0 0 0; text-shadow: none; letter-spacing: 0; position: relative; text-transform: uppercase; font-weight: bold; }
    .product-bann .img-bl .img-top h4 { color: #fff; font-size: 14px; font-weight: bold; line-height: 25px; padding: 0 0 0 10px; margin: 0; text-transform: uppercase; }
    .product-bann .img-bl .img-top { position: absolute; content: ""; right: 0; top: 0; z-index: 9; border: 1px solid #fff; width: 40%; height: 25%; background: rgba(255,255,255,0.55); padding: 0; margin: 0;  }
    .spec_1 h3 { font-size: 25px; color: #fff; margin: 10px 0 0; text-shadow: 4px 4px 2px rgb(0, 0, 0); letter-spacing: 1.5px; font-weight: bold; text-transform: uppercase; }
    .inner-banner { position: relative; width: 100%; overflow: hidden; padding: 0 0; margin: 0px 0 0; height: 140px; background: url(../images/inn-baner.jpg) no-repeat top right; background-size: auto; background-size: auto; background-attachment: none; background-size: cover; }
    .cart_empty{ padding:0 0 50px; }
    .single-right-left h3 { text-shadow: 4px 4px 2px rgb(230, 230, 230); font-family: 'Arsenal', sans-serif; font-size: 17px; color: #0d1a48; line-height: 30px; padding: 0; margin: 0; font-weight: bold; }
    span.item_price { font-size: 15px; color: #0a153e; text-shadow: 4px 4px 2px rgb(234 234 234); letter-spacing: 0px; font-weight: bold; }
    .single-right-left p { margin: 10px 0 15px; color: #000; font-size: 15px; }
    .occasion-cart .snipcart-details input.button { font-size: 14px; color: #fff; background: #2a3c7a; text-decoration: none; position: relative; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em 0; outline: none; }
.flex-viewport { max-height: 300px !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.bg-img h3 { font-size: 15px; color: #eee; font-weight: 600; text-transform: capitalize; line-height: 30px; padding: 0 20px; margin: 20px 0 0; }
.contact-layer { position: absolute; content: ""; top: 30px; left: 0; right: 0; margin: 0 auto; padding: 0 0; text-align: center; width: 85%; height: 130px; }
.bg-img { position: relative; width: 100%; overflow: hidden; padding: 0 0; margin: 0 0; height: 187px; }
.bg-img p { margin: 0; font-size: 20px; font-weight: 600; color: #eee; }
.address-grid, .address-info { padding: 10px 0; padding-right: 0px; padding-left: 0px; }
.terms h4 { padding: 0 0 10px; color: #4c5051; font-size: 15px; font-family: a; font-weight: bold; line-height: 29px; margin: 0; }
.terms ul li { padding: 0 0 15px; color: #20364a; font-size: 16px; font-weight: lighter; font-style: italic; line-height: 20px; font-family: a; list-style: none; }
.about-info p { margin: 0em 0 1.5em; color: #193b42; font-size: 15px; font-family: a; text-align: justify; }
.about-misson p { font-size: 15px; color: #193b42; line-height: 23px; padding: 0 0 15px; font-family: 'Brandon Grotesque Light'; letter-spacing: 1px; text-align: justify; margin: 0px 0 0px 0 !important; }
.about-misson h4 { font-size: 23px; color: #2a3c7a; font-weight: bold; line-height: 10px; padding: 0 0; margin: 0 0 20px; font-family: 'Brandon Grotesque Light'; text-decoration: underline; }
.banner { margin: 100px 0 0; }
.spec { text-align: center; margin-bottom: 2em; margin-top: 20px; }
form.profile input[type="submit"] { outline: none; padding: 10px 35px; font-size: 14px; color: #FFF; width: 50%; background: #F5820D; border: none; text-transform: uppercase; margin: 20px 0 0; }
.green_button{  width: 50% !important;  }
label.hikk { font-size: 11px !important; color: #002c63 !important; text-align: left; float: left; margin: 0; letter-spacing: 0.5px; line-height: 20px; padding: 0 0 10px; font-weight: bold; text-transform: uppercase; }
p.hikk { color: #000; padding: 0; font-weight: normal; font-size:15px !important; line-height: 20px; font-family: 'Inconsolata', monospace; margin: 0; font-size: revert; text-align: right; }
img.order-ing-rj{ width:100% !important; }
img.cart-prod{ width:100% !important; }
.cart-in-ra{ width:20% !important; padding:0 !important;  margin:0 !important;  }
.snipcart-details a.button { font-size: 11px; color: #fff; background: #2a3c7a; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; }
.profile-banner ul.big li { width: 10%; display: inline-block; font-weight: bold; margin: 0; color: #33465d; font-size: 15px; }
ul.big{ padding:0; margin:7px 0; }
.mobile-view { width: 16% !important; padding: 0 !important; margin: 0 !important; font-size: 12px; line-height: 15px; }
.mobile-view1{ width: 16% !important; padding: 0 !important; margin: 0 0 20px !important; font-size: 11px; line-height: 15px;  }

.carousel { position: relative; margin: 100px 0 0 0; height: 190px; overflow: hidden; background: #fff;}

}

@media(max-width: 365px) {
    .registration .registration-right {
    width: 90%; }
}
@media(max-width: 340px) {
    .sear-hed .w3l_search {
    width: 100%;
    margin: 5px 0 0; }
}
@media(max-width: 320px) {
    a.logo h1 {
        font-size: 28px;
    }
    a.logo span {
        font-size: 8px;
    }
    .navbar-default .navbar-toggle {
        margin: 5px 10px;
    }
    .navbar-default .navbar-toggle {
        margin: 5px 10px;
    }
    .navbar-toggle {
        padding: 7px 8px;
    }
    .carousel-caption {
        min-height: 238px;
        padding-top: 5.5em;
    }
    .carousel-caption h6 {
        font-size: 11px;
        margin-bottom: 12px;
    }
    .carousel-caption h3 {
        font-size: 23px;
    }
    .carousel-control {
        line-height: 11em;
    }
    .aboutimg-w3l {
        padding: 0 3px;
    }
    .about,
    .popular-w3,
    .gallery,
    .stats,
    .why-choose-agile,
    .team,
    .address,
    .testimonials {
        padding: 1.5em 0;
    }
    .about_right h3 {
        font-size: 23px;
    }
    .about_right {
        margin-top: 1em;
    }
    .popular-grid {
        width: 100%;
    }
    .popular-grid h5 {
        font-size: 23px;
    }
    h3.w3ls-title.w3title2 {
        font-size: 30px;
    }
    .p-mask h4 {
        font-size: 22px;
    }
    .gallery-grid1 .p-mask,
    .row .product .vm-product-media-container .p-mask {
        padding: 15px;
    }
    .team-grid h4 {
        font-size: 23px;
        margin: 35px 0 16px;
    }
    .team-grid:nth-child(2) {
        margin: 1em 0;
    }
    .w3_testimonials_grid_left h6 {
        font-size: 26px;
    }
    .w3_testimonials_grid_left p {
        font-size: 11px;
    }
    .address h4 {
        font-size: 22px;
        margin-bottom: 8px;
    }
    .address input[type="text"],
    .address input[type="email"],
    .address textarea {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .agileinfo_footer_grid ul li {
        font-size: 13px;
    }
    .w3ls-footer-grids {
        padding: 25px 0 20px;
    }

.snipcart-details button.button_b{
font-size: 13px;
color: #fff;
background: #ec1313;
text-decoration: none;
border: none;
border-radius: 0;
width: 16%;
text-transform: uppercase;
padding: 0.5em;
outline: none; }
}
/*--//responsive--*/

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: style.css

Server Info

System Features

User Info