#ss_menu {
        width: 100%;
    }

    .ss_button {
            background-color: rgba(204, 204, 204, 0.49);
    border-bottom: 1px solid #928d8d;
    cursor: pointer;
    padding: 10px;
    color: #31236e;
    font-size: 13px;
    font-weight: bold;
    }

    .ss_content {
        background-color: #EFEFEF;
        display: none;
        padding: 10px;
    }

    .videoholder{
	width: 31.5%;
	float:left;
	margin-right:5px;
    margin-left:10px;
}
    .videoholder iframe{
	width: 100%;
    height:280px;
	
}


.befit{
 display:none;
  } 
  @media screen and (max-width: 480px ) {
.befit{
 display:block;
  }
  .videoholder{
	width: 100%;
	float:left;
	margin-right:5px;
    margin-left:10px;
}
}

@media screen and (max-width: 767px ) {
.befit{
 display:block;
  }
.videoholder{
	width: 100%;
	float:left;
	margin-right:5px;
    margin-left:10px;
}
}

@media screen (min-width: 768px) and (max-width: 979px) {
  .befit{
 display:block;
  }
  .videoholder{
	width: 100%;
	float:left;
	margin-right:5px;
    margin-left:10px;
}
}



/* Left column */

.leftben{
 display:block;
  } 
  @media screen and (max-width: 480px ) {
.leftben{
 display:none;
  }
}

@media screen and (max-width: 767px ) {
.leftben{
 display:none;
  }
}

@media screen (min-width: 768px) and (max-width: 979px) {
  .leftben{
 display:none;
  }
}

/* Supply estimatebox */

#box{
	width:37.5%;
	}
	
  @media screen and (max-width: 480px ) {
#box{
	width:100%;
	}
}

@media screen and (max-width: 767px ) {
#box{
	width:100%;
	}
}

@media screen (min-width: 768px) and (max-width: 979px) {
 #box{
	width:100%;
	}
}

/* another */

.videoheader {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #c03718;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 14px;
}
.subheadtext{
	font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:13px;
color:#363636;
font-weight:bold;
padding-bottom:10px;
}


h5 {
    background-color: #2e2960;
    color: #ffffff;
    font-size: 17px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-top: 0px;
    border-bottom: 2px solid #625ab0;
    padding: 10px;
    text-align: left;
    font-weight: bold;
}

#chproduct {
            width:98%;
            float:right;
                margin-top: -8px;
        }

 #signin {
            display:none;
	    }
 #noti {
    width:650px;
}

            @media screen and (max-width: 480px ) {
 #signin {
            display:block;
              float:right;
              line-height:42px;
               padding-right:10px;
               font-weight:bold;
	    }
 #noti {
     width:200px;
    float:left;
}
}

@media screen and (max-width: 767px ) {
   #signin {
            display:block;
            float:right;
            line-height:42px;
            padding-right:10px;
            font-weight:bold;
	    }
    #noti {
    width:200px;
    float:left;
}
}

@media screen (min-width: 768px) and (max-width: 979px) {
 #signin {
            display:block;
              float:right;
              line-height:42px;
               padding-right:10px;font-weight:bold;
	    }
  #noti {
    width:200px;
    float:left;
}
}


#mobnav {
        display:block;
    }
#linkmob {
    display:block;
}

      @media screen and (max-width: 480px ) {
 #mobnav{
        display:block;
    }
 #linkmob {
    display:block;
}
        #mytxt {
           display:block;
        }
}

@media screen and (max-width: 767px ) {
  #mobnav {
        display:block;
    }
  #mytxt {
            display:block;
        }
}

@media screen (min-width: 768px) and (max-width: 979px) {
    #mobnav {
        display: block;
    }

    #mytxt {
        display: block;
    }



    /* Spice product css */


    .col-first {
        font-size: 14px;
        padding: 10px;
        text-align: justify;
        border: 1px solid #ccc;
    }

    .col-middle {
        font-size: 14px;
        padding: 10px;
        text-align: justify;
    }

    .col-last {
        font-size: 14px;
        padding: 10px;
        text-align: justify;
    }

    .views-field.views-field-title {
        font-size: 14px;
        color: #ffffff;
        text-align: center;
        /* padding-bottom: 15px; */
        font-weight: bold;
        text-decoration: none;
        background-color: #707070;
        line-height: 35px;
        margin-bottom: 10px;
    }

        .views-field.views-field-title a {
            color: white;
        }

    .view-content .field-content {
        /* width: 93%; */
        margin: 0 auto;
        text-align: justify;
    }

    .field-content p {
        text-align: jusfity;
    }

    .nospiceimage {
        margin: auto;
        text-align: center;
    }

    .view-content table td {
        text-align: center;
        border: none;
        font-size: 14px;
        color: #666666;
    }







    #footmob {
        width: 18%;
    }

    @media screen and (max-width: 480px ) {
        #footmob {
            width: 100%;
        }
    }

    @media screen and (max-width: 767px ) {
        #footmob {
            width: 100%;
        }
    }

    @media screen (min-width: 768px) and (max-width: 979px) {
        #footmob {
            width: 100%;
        }
    }

    @media screen and (max-width: 900px) {
        #footmob {
            width: 100%;
        }
    }
}