/* b, strong {
    font-family: sans-serif;
    font-weight: 100;
} */

         /* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #2b89a5 !important;
  border-radius: 10px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #004ac3; 
}
 /*   
    .dropdown-menu .divider {
           height: 1px !important;
        margin: 7px 0 !important;
        overflow: hidden !important;
        background-color: #23415f !important;
    }
    
    .navbar-default {
        background-color: #23415f !important;
        border-color: #1b3753;
    }
    .navbar {
       text-transform: uppercase;
        position: relative !important;
        min-height: 50px !important;
        margin-bottom:0px !important;
        border: 1px solid transparent !important;
    }
    .nav>li {
        text-transform: uppercase;
        position: relative;
        display: block;
    }
    .navbar-default .navbar-nav>li>a {
            margin-left: -12px;
        font-weight: 600 !important;
        color: #fff !important;
        font-size: 18px  !important; ;
        font-family: "Raleway", sans-serif  !important;;
        outline: none  !important;;
    }
    .dropdown-menu>li>a {
        font-family: 'Asap', sans-serif;
        font-size: 16px;
       
    }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color: #333;
        background-color: #7796c7 !important;
    }
    .navbar-nav>li:visited {
       
        background-color: #7796c7 !important;
    }
    .navbar-default .navbar-nav>li:hover{
           background-color: #1b3753 !important;
    }
    
    
    .navbar-default .navbar-nav>li>a:visited , .navbar-default .navbar-nav>li>a:visited  {
        background-color: #7796c7 !important;
    }
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
            color: #262626;
        text-decoration: none;
    
    }
    
    .dropdown-menu>li:focus, .dropdown-menu>li:hover{
            color: #262626;
        text-decoration: none;
      
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
            background-color: #335272 !important;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        color: #555;
        background-color: #335272 !important; 
    }
    .dropdown-menu>li>a:hover {
        display: block;
        padding: 3px 20px;
         background:  #7796c7 !important; 
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
            background-color:#23415f !important;
            color:white;
            text-decoration: none;
    }
     .dropdown-menu>li>a:vistied 
     {
         color : #7796c7 !important; 
          background:  #7796c7 !important; 
     }
     .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      padding: 7px;
        line-height: 1.5;
        font-family: 'Asap', sans-serif;
        color: #7796c7;
    }
    @media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: white !important;
    }
    }
    */
    .dropdown, .dropup{
        font-size: 14px !important;
    }
    .meshim_widget_components_chatButton_BubbleRenderer .bubble_text_wrapper{
            background-color: #258ba7 !important;
        position: relative;
        padding: 10px 12px 26px;
    
    }
    h2{
    	margin-bottom: 15px;
    }
    
    a:hover,
    a:focus {
        text-decoration: none;
        outline: none;
    }
    
    .category{
      
      font-weight: 800;
        font-family: 'Asap', sans-serif;
        width: 100%;
        text-align: center;
        font-size: 30px;
        text-transform: capitalize;
        text-transform: uppercase;
        letter-spacing: -0.5px;
        margin: 15px 0;
        padding: 90px 0px 55px 0px;
        color: #000;
        position: relative;
    }
    .category:hover{
         color: #595a5e;
    }
    .maincatboxes{
        
          margin-top: 20px;
          margin-bottom: 20px;
        float:left;
    }
    .maincatboxes:hover{
       
       opacity: 0.9;
    }
    .catboxes{
        color:#212529;
    }
    .catboxlogo{
    width: 100%;
    height: 75px!important;
    box-shadow: 0 2px 4px 0 #5a6484, 0 3px 10px 0 #ecf1ff;
    }
     .catboxlogo:hover{
           box-shadow: 0 4px 8px 0 rgb(43, 42, 42), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    }
    
  
    .quicksearchColor{
        color:red;
        font-size:16px;
    }
    .landingheadings{
        color: #2a2b2d;
          font-weight: bold;
        font-family: 'Asap', sans-serif;
    }
    
    .landingpara{
       line-height: 1.2;
       font-size: 16px;
       font-family: 'Asap', sans-serif;
    }
    .landingli{
       font-size: 16px;
        font-family: 'Asap', sans-serif;
    }
    .noresultfound{
        margin: 0 0 15px 0;
        font-size: 16px;
        text-align: center;
        padding: 10px 10px 10px 10px;
        line-height: 17px;
    }
    body {
          font-family: 'Asap', sans-serif;
   /*  font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
     font-size: 12px;
     line-height: 1.46666667;
     color: #000;
     background-color: #fff;
     font-weight:normal;
     */
    }
    .panel-default>.panel-heading {
        color: #333;
        padding: 8px 4px 5px 18px;
        background-color:#fafafa;
        border-color: #ddd;
    }
    html {
    	height: 100%
    }
    body.canvas-slid, body.canvas-sliding {
    	overflow-x: hidden
    }
    h1, h2, h3, h4, h5, h6 {
    	color:595a5e;
    	line-height: 1.2
    }
    
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    	color: #333;
    }
    .dark h1, .dark h1 a, .dark h2, .dark h2 a, .dark h3, .dark h3 a, .dark h4, .dark h4 a, .dark h5, .dark h5 a, .dark h6, .dark h6 a {
    	color: #666
    }
    .dark .footer h1, .dark .footer h1 a, .dark .footer h2, .dark .footer h2 a, .dark .footer h3, .dark .footer h3 a, .dark .footer h4, .dark .footer h4 a, 
    .dark .footer h5, .dark .footer h5 a, .dark .footer h6, .dark .footer h6 a {
    	color: #fff;
    }
    h1 {
    	font-size:30px;
    	text-transform:capitalize;
    	font-weight: normal;
    	padding-bottom:0;
    	font-family: "Raleway", sans-serif;
    	text-transform: uppercase;
    	letter-spacing: -0.5px;
    	margin:15px 0px;
    	padding: 0px;
    	color:#595a5e;
    }
    h1 span {
    	color:#258ba7;
    }
    h1.logo-font {
    	text-transform: none;
    	font-weight: 300;
    	font-size: 50px;
    }
    h5, h6 {
    	font-weight: 700
    }
    h2 {
        /*
     font-size: 20px;
     margin:15px 0;
     float: left;
     display:block;
     width: 100%;
     color:#1C3267;
     */
    }
    h2.logo-font {
    	text-transform: none
    }
    h3 {
    	font-size:16px;
    	margin: 15px 0;
    	float: left;
    	width: 100%;	
    }
    h4 {
    	/*font-size: 14px;
    	margin: 15px 0;
    	float: left;
    	width: 100%;
    	*/
    }
    
    h5 {
    	font-size: 15px;
    	color: #666;
    	text-transform: capitalize;
    }
    h6 {
    	font-size: 13px;
    	width: 100%;
    }
    
    .header {
    	width:100%;
    	display: block;
    	background:#fff;
    	margin-bottom:1px;
    }
    .header-top {
    	    background:#7796c7;
            padding: 3px 0;
    }
    .ht-col1 {
        width: 100%;
        display: block;
        float: left;
        color: #fff;
        font-family: 'Asap', sans-serif;
        font-size: 16px;
    }
    @media (max-width: 480px) {
    .ht-col1 {
    	width:100%;
    	display: block;
    	float: left;
    	font-size:16px;
    	color: #fff;
    	text-align: center;
    }
    }
    .ht-col2 {
    	width:100%;
    	display: block;
    	float: left;
    	margin: 2px 0 0 0;
    }
    .ht-col2 ul {
    	margin:0;
    	padding: 0;
    	float: right;
    }
    .ht-col2 ul li {
    	margin:0;
    	padding: 0;
    	list-style: none;
    	outline:none;
    	color: #fff;
    	float: left;
    	margin: 0 15px;
    }
    .ht-col2 ul li a {
        color: #fff !important;
        float: left;
        font-size: 14px;
        font-family: 'Asap', sans-serif;
        text-decoration: none;
        outline: none;
    }
    .ht-col2 ul li a i {
    	margin-right:2px;
    }
    .ht-col2 ul li a:hover {
    	color:#258ba7 !important;
    	text-decoration: none;
    	outline: none;
        color: #258ba7;
    }
    .ht-col2 ul li:nth-child(5){
    	margin-right: 0;
    }
    
    .header-body {
    	width:100%;
    	display: block;
    	float: left;
    	padding: 15px 0;
    }
    .logo {
        margin-left: -34px;
    	width:100%;
    	display: block;
    }
    .brandsize{
        width:270px !important;
    }
    @media(max-width: 768px) {
         .catboxlogo{
    width: 100%;
    height: 75px!important;
    box-shadow: 0 2px 4px 0 #5a6484, 0 3px 10px 0 #ecf1ff;
        padding: 0px 40px 0px 40px;
    }
    .logo {
         margin-left: 0px;
    	width:100%;
    	display: block;
    	text-align: center;
    }
    }
    .srch-div {
    	width:100%;
    	display: block;
    	float:left;
    	margin-top: 2px;
    }
    .form-group {
        margin:0;
        padding:20px ;
        &:first-child { border-color: transparent; }
    }
    
    .srch-area {
        padding: 0px 10px 0 20px;
        margin-top: 10px;
        color: #000 !important;
        font-size:14px;
        font-weight:normal;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height:37px;
        height: auto;
        border: 1.2px solid #2a5b8b;
        border-radius:15px 0px  0px 15px !important;
    	width: 100%;
    }
    .srch-area:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
    	outline: none;
    }
    
    #searchbtn
    { border:0;
      padding: 0px 20px;
      margin-top: 10px;
      color: #fff;
      background: linear-gradient(#4674a1, #1e364e);
      font-size: 18px;
      font-weight: bold;
      border: 1.2px solid #526c86;
      border-left: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      min-height:37px;
      height: auto;
      border-radius: 0 15px 15px 0 !important;
    }
    #searchbtn:hover
    { 
          background: linear-gradient(#1e364e, #4674a1);
    
    }
    .signinn{
       font-size: 13px;
        font-family: 'Asap', sans-serif;
        color: #258ba7 !important;
    }
    .signin-links {
    	width:50%;
    	display: block;
    	float: left;
    	font-weight: bold;
    	font-size:12px;
    	color: #000;
    	line-height: 16px;
    	padding-top: 15px;
    	padding-left: 10%;
    }
    .signin-links span {
    	width:100%;
    	display: block;
    	float: left;
    	font-weight:normal;
    	font-size:12px;
    	color: #000;
    }
    .cart-div {
    	width:50%;
    	display: block;
    	float: left;
    	font-weight: bold;
    	font-size:16px;
    	color: #000;
    	line-height: 16px;
    	padding-top: 15px;
    	padding-left: 10%;
    }
    .cart-image {
        margin: -10px;
    	width:30%;
    	float: left;
    }
    .cart-div span {
    	width:70%;
    	float:right;
    	font-size: 14px;
    	font-weight: normal;
    }
    .cart-div span a {
    	color:#000;
    	text-decoration: none;
    	outline: none;
    }
    	
    @media (max-width: 480px) {
    .signin-links {
    	width:50%;
    	display: block;
    	float: left;
    	font-weight: bold;
    	font-size:16px;
    	color: #000;
    	line-height: 16px;
    	padding-top: 15px;
    	padding-left:0;
    }
    .cart-div {
    	width:50%;
    	display: block;
    	float: left;
    	font-weight: bold;
    	font-size:16px;
    	color: #000;
    	line-height: 16px;
    	padding-top: 15px;
    	padding-left:0;
    }
    }
    
    
    .weeklydeal {
       padding: 0px 10px 0px 12px;
        width: 66%;
        font-family: 'Asap', sans-serif;
        margin: 4px 4px 4px 15px;
        display: block;
        border:0;
        float: left;
        border-radius: 7px;
        height: 44px;
        background:#7796c7;
      
    }
    .weeklydeal:hover {
      
        background:#5f80b4;
    }
    .deal-icon {
    	width:20%;
    	display: block;
    	float: left;
    }
    .deal-txt {
    	display: block;
    	float: left;
    	font-size:22px;
    	padding-top: 5px;
    }
    .deal-txt a {
        font-size: 18px;
        color: #ffffff !important;
        font-weight: bold;
        text-align:center;
    
    } 
    .deal-txt a:hover {
    	color:#ffffff  !important;
    }
    .catlistmarginn{
        background:transparent;
    }
    .catlistmarginn:hover{
        margin:2px 2px 2px 2px;
        background:white;
        color:black;
    }
    @media (max-width: 480px) {
        .deal-txt {
         width: 100%;
        display: block;
        float: left;
        text-align: center;
        font-size: 22px;
        padding-top: 5px;
    }
    .deal-txt a {
        font-size: 18px;
        color: #ffffff !important;
        font-weight: bold;
        text-align:center;
    
    } 
    .weeklydeal {
           width: 100%;
        display: block;
        float: left;
        margin: 0;
        color: #fff;
        margin-bottom: 10px;
    }
    .callout-title {
        font-family: 'Asap', sans-serif;
        font-weight: 400;
        text-align: center;
        font-size: 18px;
        color: #fff;
        margin: 0;
    }
    .bottomline {
        text-align: center;
        font-family: 'Asap', sans-serif;
        color: #c1cbcc;
        font-size: 13px;
    }
    }
    
    @media (min-width: 481px) and (max-width:991px) {
    .deal-icon {
    	width:7%;
    	display: block;
    	float: left;
    }
    .bottomline {
        text-align: center;
        font-family: 'Asap', sans-serif;
        color: #c1cbcc;
        font-size: 13px;
    }
    .callout-title {
        font-family: 'Asap', sans-serif;
        font-weight: 400;
        text-align: center;
        font-size: 18px;
        color: #fff;
        margin: 0;
    }
     .deal-txt {
         width: 100%;
        display: block;
        float: left;
        text-align: center;
        font-size: 22px;
        padding-top: 5px;
    }
    .deal-txt a {
        font-size: 18px;
        color: #ffffff !important;
        font-weight: bold;
        text-align:center;
    
    } 
    .weeklydeal {
           width: 100%;
        display: block;
        float: left;
        margin: 0;
        color: #fff;
        margin-bottom: 10px;
    }
    }
    .signinColor{
        color:#258ba7 !important;
    }
    .collapseColor{
        color:#0a6472 !important;
    }
   .breadcrumb {
    width:100%;
  display: inherit;
  padding: 9px 0px 1px 7px !important;
        margin-bottom: 20px !important;
        color: #191b1c !important;
        list-style: none !important;
        background-color: #f5f5f5!important;
        border-radius: 4px !important;
    }
    .breadcrumb>li {
    padding: 0px 6px 0px 6px;
    border-right: 1px solid #258ba7;
    color: #258ba7! important;
} .breadcrumb .active {
    
    border-right: 0px;
}

    .breadcrumb>li>a{
       /* color:#258ba7! important;*/
    }
     .breadcrumb_productpage {
       margin: 10px 0px 10px 0px;
    width: 100%;
    display: inherit;
    padding: 15px 0px 15px 20px !important;
    color: #191b1c !important;
    list-style: none !important;
    background-color: #f5f5f5!important;
    border-radius: 4px !important;
    }
    .breadcrumb_productpage a {
      color: #191b1c !important;
    padding: 0px 6px 0px 0px;
    }
   
    .panel-group .panel {
        margin-bottom: 0px;
        margin-top: 6px;
        border-radius: 4px;
    }
    
    .content {
    	width:100%;
    	display: block;
    	float: left;
    	margin: 20px 0 40px 0;
    }
    
    .content h1 {
        font-family: 'Asap', sans-serif;
        width: 100%;
        padding: 11px 10px 10px 18px;
        display: block;
        float: left;
        background: #258ba7;
        color: #fff;
        font-size: 20px;
        margin: 0;
    }
    .pro_name{
        padding:2px;
        text-decoration: none;
        color:#258ba7;
    }
    .products {
    	width:100%;
    	display: block;
    	margin: 15px 0;
    	float: left;
    }
    .prodcut {
    	/*width: 25%;*/
        height: 440px;
        min-height: 348px;
    	display: block;
    	float: left;
    	border: 1px #ddd solid;
    	padding: 15px;
    	margin: 0 15px 30px 15px;
    }
    .prodcut:hover {
    border-top: 2px #258ba7 solid;
    border-bottom: 1px #258ba7 solid;
    box-shadow: 0 0 2px #d6161d59;
    }
    
    .pro-img {
    	width:100%;
    	height: 150px;
    	display: block;
    	float: left;
/*    	border-bottom: 1px solid #d6e2e3;
*/    	text-align: center;
    }
    
    .prodcut title {
    	width:100%;
    	display: block;
    	float: left;
    	color: #000;
    	font-size: 15px;
    	line-height: 16px;
    }
    .prodcut title a {
    	color: #ff0000;
    }

    @media(max-width:767px){
    .pro-img{
      height: 210px;
        float: none;
    }
    .prodcut{
    	width:100%;
    	height: 450px;
    	display: block;
    	float: left;
       margin: 2px 0px;
    	border: 1px #ddd solid;
    	padding: 15px;
    }
    }
    .sidebar-menu {
    width: 100%;
    display: block;
    margin: 5px 0px;
    float: left;
    }
    .panel-body { padding:0px; }
    
    .panel-body table tr td { padding-left: 12px; border-bottom: 1px #ddd solid; border-top: none !important;}
    .panel-body table tr td a { padding-left:0; display:block; outline: none; border: 0; color:#222;  font-size: 13px;  }
    .panel-body table tr td a:hover { color:#000; display: block;}
    .panel-body .table {margin-bottom: 0px; }
    
    .footer {
    	padding: 40px 0;
    	background: #0c2e8a;
    	color: #FFF;
    }
    .paymentcards {
    	width:100%;
    	display: block;
    	text-align: center;
    	margin-top: 15px;
    }
    .footer-bot {
        width: 100%;
    font-weight: 600;
    color: #0c2e8a;
    text-transform: uppercase;
    text-align: center;
    padding: 25px 0px 10px 0px;
    font-size: 11px;
    letter-spacing: 1px;
    }
    
    
    .footer-content {
    	padding: 10px 0
    }
    .header-left {
    	padding: 10px 0 0;
    	text-align: center;
    }
    
     @media (max-width:767px) {
         .breadcrumb {
    width:100%;
  display: inherit;
  padding: 9px 0px 1px 7px !important;
        margin-bottom: 20px !important;
        color: #191b1c !important;
        list-style: none !important;
        background-color: #f5f5f5!important;
        border-radius: 4px !important;
    }
        .breadcrumb_productpage {
       margin: 10px 0px 10px 0px;
    width: 100%;
    display: inherit;
    padding: 15px 0px 15px 20px !important;
    color: #191b1c !important;
    list-style: none !important;
    background-color: #f5f5f5!important;
    border-radius: 4px !important;
    }
      .breadcrumb_productpage a {
      color: #191b1c !important;
    padding: 0px 6px 0px 0px;
    }
    
    .breadcrumb>li {
      font-size: 14px;
    padding: 0px 6px 0px 6px;
    border-right: 1px solid #0c2e8a;
    color: #258ba7! important;
}
    .transparent-header .header-left {
    	padding: 12px 0
    }
    .transparent-header .header-right {
    	z-index: 21
    }
    .header.full-width {
    	padding: 0 15px
    }
    .header.full-width .header-left {
    	padding: 8px 0 0
    }
    }
    .boxed .page-wrapper {
    	margin-right: auto;
    	margin-left: auto;
    	position: relative;
    	-webkit-box-shadow: 0 0 10px #cacaca;
    	box-shadow: 0 0 10px #cacaca
    }
    .boxed.transparent-page-wrapper .page-wrapper {
    	background-color: transparent;
    	-webkit-box-shadow: none;
    	box-shadow: none
    }
    
     @media (min-width:768px) {
    .boxed .page-wrapper {
    	width: 750px
    }
    }
    @media(min-width:992px) {
    .breadcrumb_productpage{
    margin: 10px 0px 10px 0px;
    width: 100%;
    display: inherit;
    padding: 15px 0px 15px 20px !important;
    color: #191b1c !important;
    list-style: none !important;
    background-color: #f5f5f5!important;
    border-radius: 4px !important;
    }
      .breadcrumb_productpage a {
      color: #191b1c !important;
    padding: 0px 6px 0px 0px;
    }
    .boxed .page-wrapper {
    width:970px
    }
    }
    @media(min-width:1200px) {
    .boxed .page-wrapper {
    width:1170px
    }
    }
    .footer-top.light-gray-bg {
    	background-color: #f5f5f5;
    	border-top: 1px solid #eaeaea;
    	border-bottom: 1px solid #eaeaea
    }
    .dark-bg {
    	background-color: #222;
    	color: #cdcdcd
    }
    .dark-bg+.dark-bg:not(.image-box):not(.full-image-container):not(.full-text-container):not(.full-width-section) {
    	background-color: #555
    }
    .dark-bg+.dark-bg+.dark-bg {
    	background-color: #373737
    }
    .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 {
    	color: #fff
    }
    .dark-bg a:not(.btn) {
    	text-decoration: underline;
    	color: #cdcdcd
    }
    .dark-bg a:not(.btn):hover {
    	text-decoration: none;
    	color: #cdcdcd
    }
    .default-bg {
    	background-color: #055296;
    	color: #fff
    }
    .default-bg h1, .default-bg h2, .default-bg h3, .default-bg h4, .default-bg h5, .default-bg h6 {
    	color: #fff
    }
    .default-bg a:not(.btn) {
    	text-decoration: underline;
    	color: #fff
    }
    .default-bg a:not(.btn):hover {
    	text-decoration: none;
    	color: #fff
    }
    .no-touch .fixed-bg, .no-touch  .parallax, .no-touch .parallax-2, .no-touch .parallax-3 {
    	background-attachment: fixed
    }
    .dark-translucent-bg, .default-translucent-bg, .light-translucent-bg,  .two-col-translucent-bg {
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;
    	background-position: 50% 0;
    	background-repeat: no-repeat;
    	z-index: 1;
    	position: relative;
    	overflow: hidden
    }
    
    
    
    
    .scrollToTop {
            display: none;
    	color: #fff;
    	position: fixed;
    	bottom: 35px;
    	right: 5px;
    	width: 30px;
    	height: 30px;
    	cursor: pointer;
    	background: #999;
    	z-index: 1005;
    	-webkit-backface-visibility: hidden;
    	-webkit-transform: translateZ(0);
    	-webkit-transition: all .2s ease-in-out;
    	-o-transition: all .2s ease-in-out;
    	transition: all .2s ease-in-out;
    	text-align: center;
    }
    .slider-banner-container, .slider-banner-fullscreen, .slider-banner-fullwidth {
    	width: 100%;
    	position: relative
    }
    .scrollToTop i {
    	line-height: 30px;
    	font-size: 16px
    }
    .scrollToTop:hover {
    	background-color: rgba(0,0,0,.6)
    }
   .imagesoftware{
       margin-top: 18px;
/*       height: 30%;
*/        width: 100%;
   }
      .imageLandingPages{
       /*height: 100%;*/
        width: 100%;
        margin-bottom: 10px; 
    }
    
     @media (max-width:767px) {
    .imagesoftware{
       margin-top: 40px;
       height: 30%;
        width: 100%;
   }
         .imageLandingPages{
       height: 345px;
        width: 100%;
        margin-bottom: 10px;
                
         }
    .scrollToTop {
    	width: 30px;
    	height: 30px;
    	background-color: rgba(0,0,0,.4)
    }
    .scrollToTop i {
    	line-height: 30px;
    	font-size: 16px
    }
    }
    
    .banner {
    	width:100%;
    	display: block;
    	float: left;
    	margin-bottom:5px;
    }
    
    
    
    .pro-cat {
    	width:100%;
    	display: block;
    	float: left;
    	margin:10px 0;
    }
    .cat {
    	width: 100%;
    	background: #E8E8E8;
    	border-top: 3px solid #A4A4A4;
    	border-bottom: 1px solid #A4A4A4;
    	padding: 25px 13px 12px 13px;
    }
    .cat-box {
    	width: 149px;
    	height: 149px;
    	float: left;
    	margin: 0 6.5px 13px 6.5px;
    	background: #fff;
    	border-top: #A4A4A4 2px solid;
    }
    .cat-box:hover {
    	border-top:#FFA410 2px solid;
    	box-shadow:0 0 4px #999;
    }
    @media (max-width: 480px) {
    .cat-box {
    	width: 48%;
    	height: 150px;
    	float: left;
    	margin: 0 1% 13px 1%;
    	background: #fff;
    	border-top: #A4A4A4 2px solid;
    }	
    }
    @media (min-width: 481px) and (max-width: 768px) {
    .cat-box {
    	width: 31%;
    	height: 150px;
    	float: left;
    	margin: 0 1% 13px 1%;
    	background: #fff;
    	border-top: #A4A4A4 2px solid;
    }	
    }
    @media (min-width: 769px) and (max-width:1200px) {
    .cat-box {
    	width: 23%;
    	height: 150px;
    	float: left;
    	margin: 0 1% 13px 1%;
    	background: #fff;
    	border-top: #A4A4A4 2px solid;
    }	
    }
    
    .cat-img {
    	width:100%;
    	display: block;
    	float: left;
    	text-align: center;
    }
    .cat-box span {
    	width:100%;
    	display: block;
    	float: left;
    	text-align: center;
    	font-size: 13.5px;
    }
    
    .featured-area {
    	width:100%;
    	display:block;
    	float:left;
    	border-top:1px #999 solid;
    	border-bottom:1px #999 solid;
    	padding: 15px 5px;
    	margin-bottom:15px;
    }
    .featured-pro {
    	width:224px;
    	min-height:300px;
    	float: left;
    	margin: 0 3px;
    }
    .featured-pro:hover {
    	width:224px;
    	min-height:300px;
    	float: left;
    	margin: 0 3px;
    	border-bottom:none;
    }
     .img-responsive, .thumbnail a>img, .thumbnail>img {
      /*  display: block;
        max-width: 100%;*/
       /* height: 133px;*/

    }
    .pro-title {
     text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden;
    width: 100%;
    display: block;
    height: 90px;
    float: left;
    padding: 15px 0px 0px 0px;
    font-size: 15px;
    /* min-height: 30px; */
        
    
    }
    
    .namelink{
        text-decoration: none;
        color: #f9f9f9;
        font-weight: bold;
        font-family: 'Asap', sans-serif;
    }
    
    
    
    .specs {
          font-size: 14px;
    	width:100%;
    	height: 130px;
    	display: block;
    	float: left;
    	margin: 6px 0 6px 0;
    	/*border-bottom: 1px solid #c5d2d4;*/
    }
    .specs span {
        font-weight: 600;
        width: 100%;
    padding: 5px 3px 5px 3px;
        float: left;
        font-family: 'Asap', sans-serif;
        font-size: 14px;
    }
    .specs b {
        float: left;
        font-family: 'Asap', sans-serif;
        font-size: 14px;
    }
    .specs strong {
            font-family: -webkit-body;
        width: 64%;
        float: left;
        border-bottom: 1.2px solid white;
        padding: 4px 0px 0px 14px;
        font-weight: normal;
        font-size: 14px;
    }
    .specs strong a{
        color: #0c2e8a;
        transition: 0.5s;
        font-weight: bold;
        font-size: 14px;
    }
    .normal-btn {
        background: #258ba7;
        color: #fff;
        border-radius: 3px;
        padding: 5px 10px;
        border: none;
        outline: none;
    }
    .normal-btn:hover {
        background: #ffffff;
        color: #258ba7;
        border-radius: 3px;
        border: none;
        outline: none;
    }
    .normal-btn-lg {
        background: #258ba7;
        color: #fff;
        border-radius: 3px;
        padding: 7px 22px;
        border: none;
        outline: none;
        text-transform: uppercase;
    }
    
    .normal-btn-lg:hover {
/*        background: #e03c42;
         color: #fff;
        border-radius: 4px;
        padding: 7px 23px;
        border: none;
        outline: none;
        text-transform: uppercase;
    	box-shadow:inset 0 0 4px rgba(0,0,0,0.15);*/
    }
    
    .normal-btn2-lg {
    	background:#258ba7;
    	color: #fff;
    	border-radius: 3px;
    	padding:5px 22px;
    	border:2px solid #258ba7;
    	text-transform: uppercase;
    }
    .normal-btn2-lg:hover {
    	background:#fff;
    	color: #258ba7;
    	border:2px solid #258ba7;
    }
    
    .normal-btn2 {
        background: #258ba7;
        color: #fff;
        border-radius: 3px;
        padding: 5px 8px;
       border:2px solid #258ba7;
       text-transform: uppercase;

    }
    .normal-btn2:hover {
        background: #fff;
        color: #258ba7;
        border: 2px solid #258ba7;
    }
    @media (max-width:460px) {
    .featured-pro {
    	width:96%;
    	min-height:290px;
    	float: left;
    	margin: 0 2%;
    }
    .featured-pro:hover {
    	width:96%;
    	min-height:290px;
    	float: left;
    	margin: 0 2%;
    }
    }
    
    @media (min-width: 461px) and (max-width: 768px) {
    .featured-pro {
    	width:48%;
    	float: left;
    	margin: 0 1%;
    }
    .featured-pro:hover {
    	width:48%;
    	float: left;
    	margin: 0 1%;
    }
    }
    .profile-txt {
    	width:100%;
    	display: block;
    	float: left;
    }
    .promos-area {
    	width:100%;
    	display: block;
    	float: left;
    	margin-bottom: 25px;
    }
    .promos {
    	width:100%;
    	display: block;
    	float: left;
    	background:#E5E5E5;
    	padding:30px 15px;
    	margin: 15px 0;
    	border-top: 1px #ccc solid;
    	border-bottom: 1px #ccc solid;
    }
    .promos-col {
    /*	width:31%;*/
    	float:left;
    	display: inline-block;
    	margin: 0 1%;
    	text-align: center;
    }
    .promos-col h3 {
    	width:100%;
    	display: block;
    	float: left;
    	font-size:22px;
    	margin: 0 0 10px 0;
    	text-transform: capitalize;
    	padding: 0 0 6px 0;	
    	text-align: center;
    	color: #555;
    }
    @media (max-width: 480px) {
    .promos-col {
    	width:98%;
    	float:left;
    	display: inline-block;
    	margin: 0 1%;
    	margin-bottom: 20px;
    }	
    }
    @media (min-width: 481px) and (max-width: 768px) {
    .promos-col {
    	width:48%;
    	float:left;
    	display: inline-block;
    	margin: 0 1%;
    	margin-bottom: 20px;
    }
    }
    
    .footer-links {
    	width: 100%;
    	display: block;
    }
    .upperfooter{
            border-bottom: 1px solid white;
    }
    .ft-col {
    	width: 205px;
    	float: left;
    	padding: 5px;
    	margin: 0 9px 10px;
    }
    .ft-col h3 {
        width: 100%;
        display: block;
        font-weight: 600;
        float: left;
        font-size: 16px;
        color: #ffffff;
        line-height: 20px;
        margin-bottom: 25px;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 15px;
    }
    .ft-col h3:after {
    	position: absolute;
    	content: "";
    	background:#50d8af;
    	height: 2px;
    	width: 60px;
    	bottom: 0;
    	left: 0;
    }
     @media screen and (max-width:768px) {
          .pro-title {
       
        width: 100%;
        display: block;
        height:55px;
        float: left;
        padding: 15px 0px 0px 0px;
        font-size: 15px;
        /*min-height: 30px;*/
        
    
    }
    .ft-col h3:after {
    	position: absolute;
    	content: "";
    	background:#50d8af;
    	height: 2px;
    	width: 60px;
    	bottom: 0;
    	text-align: center;
    	left: 0;
    	right: 0;
    	margin: auto;
    }
    }
    .ft-col-body {
            font-family: sans-serif;
    	width: 100%;
    	display: block;
    }
    .ft-col-body ul {
    	margin: 0;
    	padding: 0;
    }
    .ft-col-body ul li {
    	list-style: none;
    	outline: none;
    	line-height: 26px;
    }
    .ft-col-body ul li a {
    	color: #ddd;
    	display: block;
    	border: none;
    	outline: none;
    	text-decoration: none;
    }
    .ft-col-body ul li a:hover {
    	color: #fff;
    	border: none;
    	outline: none;
    	text-shadow: 0 1px 1px #000000;
    }
     @media screen and (min-width:768px) {
    .ft-col {
    	/*width: 215px;*/
    	min-height: 220px;
    	float: left;
    	padding: 5px;
    	margin: 0 9px 10px;
    }
    }
    @media screen and (max-width: 480px) {
    .ft-col {
    	width: 96%;
    	text-align: center;
    	float: left;
    	padding: 5px 2%;
    	margin: 0 9px 10px;
    }
    }
     @media screen and (min-width: 481px) and (max-width:768px) {
    .ft-col {
    	width: 46%;
    	min-height: 220px;
    	text-align: center;
    	float: left;
    	padding: 5px 2%;
    	margin: 0 9px 10px;
    }
    }
    .headtopColor{
        /*color:white !important;*/
    }
    .main-cat {
    	width:100%;
    	display: block;
    	margin: 15px 0;
    	float: left;
    }
    .cat-item {
    width: 100%;
    display: block;
    margin: 0 0 15px 0;
    padding: 10px;
    float: left;
    background: #f5f5f5;
    border-top: 2px #258ba7 solid;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-bottom: 2px #258ba7 solid;
    }
    .cat-item:hover {
    
        box-shadow: 0 0 3px #258ba7;
    }
    .cat-item h4 {
    width: 100%;
    display: block;
    float: left;
    }
    .cat-item h4 a{
    font-weight: bold;
    color: #258ba7 !important;
    }
    .cat-body {
    	width:100%;
    	display:block;
    	float:left;
    	padding:0 3% 10px 3%;
    }
    .category-img {
    	float: left;
    	width:100%;
    	margin-right: 1%;
    }
    .category-img img{
        width:100%;
    }
    .category-img a {
    	outline: none;
    	border: none;	
    }
    .cat-links {
        padding: 22px 10px 10px 10px;
        text-align: justify;
    	/*width:63%;*/
    	display: block;
    	margin-bottom:14px;
    	/*float: left;	*/
    }

.cat-links>ul>li{
    list-style: circle;
    color: #258ba7;
    font-size: 14px;
    }

    .cat-links>ul>li>a{
            color: #4a4a4a;
    }
    .cat-links>a {
         padding: 22px 10px 10px 39px;
    }
    .cat-body ul {
        width: 100%;
        display: block;
        float: left;
        margin: 0 0 0px 0;
        min-height: 88px;
        padding: 10px 0px 0px 0px;
    }
    .cat-body ul li {
    	width:100%;
    	display: block;
    	float: left;
    	margin: 0;
    	padding: 0;
    }
    .cat-body ul li a {
    	color:#000;
    	text-decoration:none;
    	outline:none;
    	display: block;
    }
    .cat-body ul li a:hover {
    	text-decoration:underline;
    	outline: none;
    	color:#0070C5;
    }
    
    
    @media (max-width: 480px) {
    .category-img {
    	float: left;
    	width:100%;
    	text-align: center;
    }
    .cat-links {
    	width:100%;
    	display: block;
    	padding: 0px;
    	float: left;
    	text-align: center;
    }
    }
    @media (min-width:750px) and (max-width: 991px) {
        .cat-links {
    	width:100%;
    	display: block;
    	padding: 6px 0px 6px 20px;
    	float: left;
    	text-align: center;
    }
    .cat-item {
    	width:48%;
    	display:block;
    	margin:0 1% 15px 1%;
    	float:left;
    	background:#fff;
    	border-top:2px #0989c8 solid;
    	border-left:1px #ddd solid;
    	border-right:1px #ddd solid;
    	border-bottom:2px #ddd solid;
    }
    }
    
    .custom-panel {
    width: 100%;
    display: block;
    padding: 10px 15px 10px 15px;
    float: left;
    background: #efefef;
    border-top: 3px #258ba7 solid;
    border-bottom: 3px #258ba7 solid;
    margin: 15px 0;
    }
    .custom-panel:hover {
    	border-bottom: 3px #258ba7 solid;
    }
    .formwidth{
            max-width: 60.000000%;
    }
    .custom-panel h4 {
        width: 100%;
        display: block;
        color: white;
        float: left;
        background: #258ba7;
        margin: 0 0 15px 0;
        padding: 7px 15px;
        font-size: 15px;
    }
    .cp-body {
    	width: 100%;
    	display: block;
    	float: left;
    	padding: 0 3% 10px 3%;
    	min-height: 190px;
    }
    .cp-body p {
    	width: 100%;
    	display: block;
    	margin:5px 0 0 0;
    	float: left;
    }
    .normal-row {
    	width:100%;
    	display:block;
    	float: left;
    	margin: 15px 0;
    }
    
    
    
    .cart-detail {
    	width:100%;
    	display:block;
    	margin-top: 15px;
    	float: left;
    	border-top:3px #258ba7 solid;
    }
    @media (max-width:768px) {
        .formwidth{
            max-width: 100%;
    }
    .cart-detail {
    	overflow-x: scroll;
    }
    }
    .tr-h {
    	background:linear-gradient(to top, #cbcbcb 10%, #eee 90%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    	font-size: 14px;
    	font-weight: bold;
    }
    .bt {
    	border-top:1px #ccc solid;
    }
    .bb {
    	border-bottom:1px #ccc solid;
    }
    .br {
    	border-right:1px #ccc solid;
    }
    .bl {
    	border-left:1px #ccc solid;
    }
    .bdr {
    	border:1px #ccc solid;
    }
    .qty-field {
    	width:60px;
    	text-align: center;
    	border: 1px #ccc solid;
    	height: 26px;
    }
    
    .cart-img {
    	width: 90px;
    	height: 70px;
    	border: 1px #ddd solid;
    	text-align: center;
    	overflow: hidden;
    	margin-right: 15px;
    }
    .cart-bot {
    	width:100%;
    	display: block;
    	padding:0 0 15px 0;
    	border-bottom:3px #ddd solid;
    	float: left;
    }
    @media (max-width:768px) {
    .cart-bot {
    	width:100%;
    	display: block;
    	padding:0 0 15px 0;
    	border-bottom:3px #ddd solid;
    	float: left;
    	margin-top: 10px;
    }
    }
    .conti-col {
    	width:50%;
    	display: block;
    	float: left;
    }
    .update-cart {
    	width:50%;
    	display: block;
    	text-align: right;
    	float: left;
    }
    
    
    .cart-total {
    	width:100%;
    	display: block;
    	float: left;
    	/*border-top:1px #aaa solid;
    	border-bottom:1px #000 solid;*/
    	margin:1px 0 30px 0;
    	padding:20px 0;
    }
    
    .est-time {
    	width:60%;
    	display: block;
    	float: left;
    }
    .est-time h5 {
    	width:100%;
    	display: block;
    	font-size: 16px;
    	color: #000;
    }
    .est-time title {
    	width:80px;
    	display: inline-block;
    	float: left;
    	font-weight: bold;
    }
    .est-time span {
    	width:150px;
    	display: inline-block;
    	float: left;
    	margin-bottom: 5px;
    }
    .gobtn {
    	float:left;
    	margin-left:20px;
    }
    @media (max-width:991px) {
    .gobtn {
    	float:left;
    	margin-left:0;
    	width: 150px;
    }
    }
    .cart-amount {
    	width:40%;
    	display: block;
    	float: left;
    	text-align: right;
    }
    .cart-amount span {
    	color: #333;
    	font-size: 16px;
    	font-size:16px;
    	font-weight: bold;
    }
    .tax-exempt {
    	width:100%;
        float: left;
    	display: block;
    	text-align: center;
    	margin:0 0 20px 0;
    }
    .edit-cart {
    	width:55%;
    	display: block;
    	float: left;
    }
    .ship-option {
    	width:45%;
    	display: block;
    	float: left;
    	font-size: 14px;
    }
    @media (max-width:768px) {
    .ship-option {
    	width:100%;
    	display: block;
    	float: left;
    	font-size: 14px;
    	margin-top: 20px;
    }
    }
    .gd-total {
    width: 100%;
    display: block;
    border-top: 3px #258ba7 solid;
    border-bottom: 3px #258ba7 solid;
    float: left;
    padding: 15px;
    margin: 0 0 20px 0;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    background: #f0f0f0;
    }
    .gd-total span {
        font-size: 15px;
        font-family: sans-serif;
        margin-left: 2px;
        color: #212529;
    }
    .payment-opt {
    	width:100%;
    	display: block;
    	float: left;
    	margin:20px 0 50px 0;
    }
    .subcat {
        padding-left:5px;
        width: 100%;
        margin: 4px 0px 0px 0px;
        float: left;
        border: 1px #ddd solid;
       
    	
    }
    .subcat:hover {
    
    
        border: 1px #188ea1 solid;
       border-top: 2px #188ea1 solid;
    
    	
    }
 
   .detail-img {
    	width:100%;
    	float:left;
    	text-align:center;
    /*	border:1px #CCCCCC solid;*/
    	vertical-align:middle;
    }
    
    @media (min-width: 481px) and (max-width:991px) {
    .subcat {
    	width:48%;
    	float:left;
    	border-bottom: 1px #ddd solid;
    	padding: 20px 0;
    	margin: 0 1%;
    	text-align: center;
    }
    .subcat:hover {
    
        border-left: 1px #6dcddd solid;
        border-right: 1px #6dcddd solid;
        border-bottom: 2px #188ea1 solid;
        border-top: 3px #188ea1 solid;
        box-shadow: 0 0 4px #09798b;
    	
    }
    }
    
    .subcat img {
            padding: 10px;
        width: 100%;
        height: 180px;
       
    }
    .rightarea {
           border-top: 1px solid #e2e4e5;
        display: block;
        text-align: center;
        min-height: 115px;
        padding: 10px 0 0 10px;
    }
    .rightarea title {
    	width:100%;
    	display: block;
    	float: left;
    	color:#000;
    	font-weight: bold;
    	font-size: 14px;
    	line-height: 14px;
    	margin:10px 0;
    }
    .rightarea p {
        text-align: center;
    	width:100%;
    	display: block;
    	float: left;
    	color:#000;
    }
    .rightarea p span {
    	color:#B01215;
    	font-weight: bold;
    	/*padding-left: 15px;*/
    }
    
    
    @media (min-width: 481px) and (max-width:991px) {
    .rightarea {
    	width:100%;
    	display: block;
    	float: left;
    	min-height: 104px;
    	text-align: center;
    }
    	
    .subcat img {
    	width:90%;
    	height: 100px;
    	float:none;
    	margin-right:10px;
    	text-align: center;
    	margin: auto;
    }
    .rightarea p {
    	width:100%;
    	display: block;
    	float: left;
    	color:#000;
    	text-align: center;
    }
    .rightarea p span {
    	color:#B01215;
    	font-weight: bold;
    	padding-left: 15px;
    	text-align: center;
    }
    }
    
    
    .detail-area {
    	width:100%;
    	display: block;
    	margin:15px 0;
    	padding: 0;
    	float: left;
    }
    .detail-area .col-md-5 {
    	width:100%;
    
    }
    .detail-area .col-md-7 {
    	
    	float: left;
    }
    .detail-img {
    	width:25%;
    	float:left;
    	text-align:center;
    /*	border:1px #CCCCCC solid;*/
    	vertical-align:middle;
    }
    
    .detail_img{
            width: 230px;
            height: 200px;
    } 
   
    @media (max-width:786px) {
   .detail-img {
    	width:100%;
    	float:left;
    	text-align:center;
    /*	border:1px #CCCCCC solid;*/
    	vertical-align:middle;
    }
    }
    
    
    
    .product-detail {
    	width:100%;
    	float:left;
    	margin-bottom:1px;
    
    }
    .product-detail ul {
    	list-style:none;
    	outline:none;
    	padding:0;
    	margin:0;
    }
    .product-detail ul li {
    	list-style:none;
    	padding:0;
    	margin:0 0 10px 0;
    }
    .product-detail ul li span {
    	margin-right:15px;
    	width:100px;
    	display:inline-block;
    }
    .in-stock {
    	color:#007300;
    	font-size:14px;
    }
    .price-tag {
            font-family: sans-serif;
    	color:#258ba7;
    	font-size:18px;
    }
    .qty-field {
    	 width:50px;
    	 height: 30px;
    	 padding:8px 5px;
    	 border:1px #ddd solid;
    	 text-align:center;
    }
    
    
    .specs-tab {
    	width:100%;
    	display: inline-block;
    	margin:15px 0 5px 0;
    }
    .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs>li{
       border: 1px solid white;
    background: #258ba7;
    padding: 5px 15px 5px 0px;
    
}
.nav-tabs>li>a{
    color: white;
    background: #258ba7;
      padding: 5px 15px 5px 15px;
    
}
.nav-tabs>li>a:hover{
border-color: none;
background-color:transparent;
}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
       color: #fff;
    cursor: default;
    background: transparent;
    border: none;
    }
    .tr_head_area {
    	text-align: left;
    	line-height: 21px;
    	font-weight: bold;
    }
    .tr_head_area h4 {
    	width:100%;
    	display: block;
    	background:#E6F0F7;
    	color: #333;
    	font-weight: bold;
    	font-size: 14px;
    	letter-spacing: 1px;
    	padding: 5px 10px;
    	border-top:2px #C0E0F7 solid;
    }
    .quote-form {
    	width:100%;
    	display: block;
    	float:left;
    	margin:0 0 15px 0;
    	padding: 0;
    }
    .quote-form strong {
    	width:100%;
    	display: block;
    	float: left;
    	margin:5px;
    }
    .sales-region {
    	width:100%;
    	display: block;
    	float: left;
    	min-height: 135px;
    }
    .order-confirmation {
    	width:100%;
    	display: block;
    	float:left;
    	margin: 15px 0;
    }
    .order-dtail {
    	width:100%;
    	display: block;
    	float: left;
    }
    @media (max-width:560px) {
    .order-dtail {
    	width:100%;
    	display: block;
    	float: left;
    	overflow-x: scroll;
    }
    }
    .t-heading {
     font-size:14px;
     color: #000;
     font-weight: bold;
     background:#E6F0F7;
     height: 30px;
     border-top:2px #1C3267 solid;
     border-left:5px #E6F0F7 solid;
     border-bottom:1px #C0E0F7 solid;
     border-right:5px #E6F0F7 solid;
    }
    
    .myaccount {
    	width:100%;
    	display:block;
    	margin-bottom: 15px;
    	border-top: 2px #ccc solid;
    }
    .order-dtail {
    	width:100%;
    	display: block;
    	float: left;
    	margin: 20px 0 0 0;
    }
    .order-dtail strong {
    	width:50%;
    	display: block;
    	float: left;
    	padding:10px 0;
    }
    .order-dtail span {
    	width:50%;
    	display: block;
    	float: left;
    	padding:10px 0;
    }
    
    .pl {
     padding-right:15px;
     font-weight: bold;
    }
    
    #addForm .row{
            float: left;
                width: 100%;
    }
    
    .goo{
    padding: 5px 8px 8px 8px;
    height: 31px;
    }
    
    
    .col-md-9 .row{
        float:left;
    }
    
    @media (min-width: 768px){
.col-md-6 {
   /* -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;*/
}
    } 
    
    
    .headings{
        font-size: 32px;
    color: #0c2e8a;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    }
    .footerImage{
    margin-top: 16px;
    width: 350px;
    height: 42px;
}
   .itdservices{
         font-size: 28px;
  color: #0c2e8a;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 20px;
    }
    
    
    @media (min-width: 768px)
    {
     .col-md-9 .row .col-md-4{
         /*width:30% !important ;*/
             flex: 0 0 33.333333%;
             max-width: 33.333333%;
     }  

    }
    
    
   
 @media (max-width:767px) {
/*     .col-md-4 {*/
/*    -ms-flex: 0 0 100%;*/
/*    flex: 0 0 100%;*/
/*    max-width: 100%;*/
/*}*/
     .col-6{
            flex: 0 0 100%;
    max-width: 100%;
}
/* .itdservicebox
{
   
} */
     }
     .itdservices {
    font-size: 27px;
    color: #0c2e8a;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 20px;
}
     .footerImage{
         width:315px;
height:45px;
         
     }
     
 
 
  .contact-phone p{
      font-size:14px;
  }
    .contact-email p{
        font-size:14px;
    }
    
    
    .viewcart{
            padding-top: 35px !important;
            border-right: 1px solid #d2d2d2;
            border-left: 1px solid #d2d2d2;
    }
    
    .pro_description{
    height: 69px;
    line-height: 1.9;
    font-weight: bold;
    overflow: overlay;
    width: 100%;
}
.prodname{
    text-align: center;
    font-size: 14px;
    border: 2px solid #258ba7;
    color: #ffffff;
    margin-top: 14px;
    background: #258ba7;
    padding: 2px 0px 0px 0px;
    font-weight: bold;
}

.prodimage{
    padding: 10px 2px 10px 2px;
}
.fa-eye{
        padding: 0px 20px 0px 20px;
    border: 2px solid #258ba7;
    text-align: center;
    font-size: 30px;
    color: #258ba7;
}
.add-to-cart{
    background-color: #949699;
    color: #ffffff;
    font-size: 15px;
    border: 2px solid #85878a;
    height: 34px;
}
.add-to-cart:hover{
    background-color: #ffffff;
    color: #949699;
    font-size: 15px;
    border: 2px solid #949699;
    height: 34px;
}
.h3_heading{
    font-weight: 600;
}
.h3_subheading{
    font-weight: 600;
}
/* #txtsearch{
    width: 271px;
    height: 36px;
/*    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;

} */
.search_li{
    margin-top: 20px;
}
#search-btn{
    margin-top: -2px;
    font-size: 20px;
   /* border-top-right-radius: 50px;*/
    height: 36px;
    padding: 0px 0px 1px 0px;
    margin-left: -3px;
/*    border-bottom-right-radius: 50px;*/
    width: 35px;
}

#navvbarr{
    float: right;
    margin-right: 30px;
}

#txtsearch{
    width: 190px;
    height: 36px;
}

@media (max-width: 767px){
    #txtsearch{
    padding: 8px;
    width: 200px;
    height: 36px;
}
#navvbarr {
    float: left;
    margin-left: 0px;
}
.search_li{
    margin-top: 0px;
}

}
.card-size{
    width: 100%;
    height: 278px;
}
@media (max-width: 1399px) and (min-width: 768px){
    #txtsearch {
        width: 200px;
        height: 36px;
    }
}
@media(min-width:768px) and (max-width:1199px) {
    #search-btn{
        width: 32px;
    }
    .card-size{
        width: 280px;
        height: 270px;
    }
    .rfqq {
        margin-right: 58px;
    }
  
}

@media (min-width: 1200px){
    #search-btn{
        width: 50px;
    }
    .search_li{
        margin-top: 20px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }
    
    
    }

.add-to-carttt{
    color: #ffffff;
        padding: 4px 8px 4px 8px;
    font-size: 18px;
    width: 75px;
    background: #3c763d;
    border: 2px solid #3c763d;
    height: 34px;
}
.add-to-carttt:hover{
    color: #ffffff;
    padding: 4px 8px 4px 8px;
    font-size: 18px;
    width: 75px;
    background: #3c763d;
    border: 2px solid #3c763d;
    height: 34px;
}
.detail_field{
    /*height: 10px;*/
    font-weight: 600;

}
.list-group-item{
        position: relative;
    display: block;
    height: 50px;
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-item.active{
        border-color: #258ba7;
}
#txtzipcode{
        height: 31px;
}
.trashh{
    font-size: 26px;
}
.view_details{
    font-weight: bold;
    color: #258ba7;
    background: #fdfdfd;
    border: 2px solid #258ba7;
    font-family: Raleway, sans-serif;
}
.view_details:hover{
    color: #fdfdfd;
    background: #258ba7;
    border: 2px solid #258ba7;
   
}
.rfqq{
    background: #1eb1dc;
    color: white;
    padding: 15px 15px;
}
.rfqq:hover{
    background: white;
    color: #1eb1dc;
    padding: 15px 15px;
}
.order_details{
font-family: 'Asap', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #258ba7;
    background: white;
    border: 2px solid #258ba7;
    height: 40px;
}
.order_details:hover{
    background: #258ba7;
    color: #ffffff;
}
.swal-button{
     background-color: #258ba7;
     color: #ffffff;
     border: 2px solid #258ba7;
}
.swal-button:not([disabled]):hover {
   background-color: #ffffff;
     color: #258ba7;
     border: 2px solid #258ba7;
}
.swal-text{
        font-size: 18px;
    color: #2f2d2d;
}
.map_box{
    margin-top: 56px;
}
@media (max-width: 767px){
#main-nav .navbar-left li > a{
    border-bottom: 1.2px solid #ececec;
    }
.map_box{
    margin: 56px 20px;
}
.content-column{
    display: none;
}
.navbar-header{
/*   padding: 0px 15px; 
*/}
.navbar-collapse{
    padding: 6px 18px 6px 0px;
}
}
#my-tab-content{
        padding: 30px 0;
}

.cat_boxes{
    letter-spacing: 1px;
    font-weight: 600;
    background: #258ba7 !important;
    font-size: 16px;
    color: #ffffff;
}
.filter_color{
    background: #258ba7;
    color: #ffffff;
    font-size: 14px;
    padding: 4px;
    font-weight: 600;
    margin-left: 6px;
    border: 2px solid #1b7a94;
}
.price_color{
    color: #258ba7;
    padding: 2px 2px;
    font-size: 14px;
    font-weight: 600;
    /* margin-left: 4px; */
}

.featrued_cat_box{
    margin-top: 14px;
}

.social-li{
    display: inline;
}