@font-face {
    font-family: 'GothamLightRegular';
    src: url('fonts/gotham-light-webfont.eot');
    src: url('fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-light-webfont.woff') format('woff'),
         url('fonts/gotham-light-webfont.ttf') format('truetype'),
         url('fonts/gotham-light-webfont.svg#GothamLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBookRegular';
    src: url('fonts/gotham-book-webfont.eot');
    src: url('fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-book-webfont.woff') format('woff'),
         url('fonts/gotham-book-webfont.ttf') format('truetype'),
         url('fonts/gotham-book-webfont.svg#GothamBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBoldRegular';
    src: url('fonts/gotham-bold-webfont.eot');
    src: url('fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bold-webfont.woff') format('woff'),
         url('fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('fonts/gotham-bold-webfont.svg#GothamBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GothamMediumRegular';
    src: url('fonts/gotham-medium-webfont.eot');
    src: url('fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-medium-webfont.woff') format('woff'),
         url('fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('fonts/gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamBlackRegular';
    src: url('fonts/gotham-black-webfont.eot');
    src: url('fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-black-webfont.woff') format('woff'),
         url('fonts/gotham-black-webfont.ttf') format('truetype'),
         url('fonts/gotham-black-webfont.svg#GothamBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.text-copy {
    fill: none;
    stroke: white;
    stroke-dasharray: 7% 28%;
    stroke-width: 2px;
    -webkit-animation: stroke-offset 5s 1 linear;
    animation: stroke-offset 5s 1 linear;
    animation-delay: 0s;
}

    .text-copy:nth-child(1) {
        stroke: #360745;
        stroke-dashoffset: 7%;
    }

    .text-copy:nth-child(2) {
        stroke: #D61C59;
        stroke-dashoffset: 14%;
    }

    .text-copy:nth-child(3) {
        stroke: #E7D84B;
        stroke-dashoffset: 21%;
    }

    .text-copy:nth-child(4) {
        stroke: #EFEAC5;
        stroke-dashoffset: 28%;
    }

    .text-copy:nth-child(5) {
        stroke: #1B8798;
        stroke-dashoffset: 35%;
    }

@-webkit-keyframes stroke-offset {
    100% {
        stroke-dashoffset: 35%;
        stroke-dasharray: 0 87.5%;
    }
}

@keyframes stroke-offset {
    0% {
        stroke-dashoffset: 55%;
        stroke-dasharray: 0 87.5%;
    }
}

* {
    font-family: "Open Sans", sans-serif, Helvetica,Arial,sans-serif;
}

.header {
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 100;
    border-bottom:1px solid #2a6104;
    text-align: center;
    height: 75px;
	font-size:12px;

}

.body {
    position: relative;
    width: 100%;
    font-family: "Roboto",Helvetica,Arial,sans-serif !important;
    background: url(../img/bg1.jpg) no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    /*transition:all ease-in-out 5s;*/
}

.logo {
    position: relative;
	margin-left:20px;
   /*/ height: 56px;
    width: 50%;
    max-width: 300px;
    background-size: auto 56px;/*/
    display: inline-block;
}
.logo img{
	margin:0px;
	padding:0px;
}

.footer {
    min-height: 300px;
    box-sizing: content-box;
}

.pannel {
    position: relative;
    
    z-index: 0;
}
.pannel-prd {
    position: relative;
    z-index: 0;
	width: 100%; 
	text-align: left; 
	padding-top: 2%;
    padding-right: 0%;
    padding-bottom: 1%;
    padding-left: 0%;
	}
.pannel-inner {
    z-index: 0;
	overflow: hidden;
	min-height:320px;
}
.pannel-inner-prd {
   
   padding-left:10%;
    z-index: 0;
	overflow: hidden;
	max-height:170px;
}
.bg-white {
    background-color: white;
    background: white;
    color: #4e4e4e;
}
.bg-white-title{
	color: #306909;
    font-size: 23px;
}
.bg-green {
    background-color: #579414;
    background: #579414;
    color: #e8e8e8;
}

.bg-dr-green {
    background-color: #306909; /*/#68a02d #005800;/*/
    background: #306909;
    color: #e8e8e8;
}
 .bg-dr-green-title {  
	color: #cbe661;
    font-size: 23px;
}
.bg-blue {
    background-color:#018cb9 ; /*//*/
    background: #018cb9;
    color: white/*/#e8e8e8;/*/
	
}
.bg-gray {
    background-color:#303539 ; /*//*/
    background: #303539;
    color: #e8e8e8;
	font-family:gothamlightregular;
}

.dotted {
    padding: 2% 2%;
    background-image: -webkit-repeating-radial-gradient(center center, #444444, gray .1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, #444444, #424040 .1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, #444444, gray .1px, transparent 1px, transparent 100%);
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    background-size: 3px 3px;
}

.Col {
    position: relative;
    height: 100%;
    min-height: 120px;
    box-sizing: border-box;
    text-align: center;
	border-right: 1px solid gray;
	min-width: 175px;
	max-width: 403px; 
	width: 210px; 
	vertical-align:bottom
}

.firstcol{
 border-left: 1px solid gray;
 
}

    .Col .col-inner {
        width: 80%;
        display: block;
        margin: 0% 10%;
        height: 100%;
        position: absolute;
        box-sizing: content-box;
    }

.map-col {
    display: inline-block;
    min-width: 225px;
   /*/ width: 19%;/*/
    font-size: 13px;
    text-align: left;
    vertical-align: top;
    font-weight: 900;
	line-height:20px;
    box-sizing: border-box;
}

    .map-col ul {
        padding: 0;
        margin: 0;
        padding-top: 4px;
    }

    .map-col li {
        font-size: 13px;
        font-weight: 100;
        list-style: none;
        padding: 3px 0px;
    }

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a.prdlink:hover {
	text-decoration: none;
}

.product-lg-col, .product-md-col, .product-sm-col {
    box-sizing: border-box;
    overflow: hidden;
}


.product-logo-lg, .product-logo-md, .product-logo-sm {
    transition: all .6s ease-in-out;
    font-size: 25px;
    box-sizing: padding-box;
}

.product-content-lg, .product-content-md, .product-content-sm {
    line-height: 23px;
    transition: all .6s ease-in-out;
    padding: 0px 4px;
}

.col-product {
	font-size: 25px !important;
	color:#2A6104;

}
.product-lg-col {
    min-width: 294px;
    width: 24%;
    height: 259px;
	border: 2px #579414 solid;
}

.product-md-col {
    width: 210px;
    height: 308px;
}

.product-sm-col {
    width: 210px;
    height: 156px;
}

.product-logo-lg {
    height: 75px;
    padding: 4px;
	color: #5b5d5b;
}

    .product-logo-lg > i {
        font-size: 45px;
        padding: 15px 0px;
		color: #5b5d5b;
    }

.product-content-lg {
    height: 175px;
    font-size: 14px;
	color: #5b5d5b;
}


.product-logo-md {
    height: 100px;
    padding: 4px;
}

    .product-logo-md > i {
        font-size: 60px;
        padding: 20px 0px;
    }

.product-content-md {
    height: 50px;
    font-size: 18px;
	font-family: GothamMediumRegular;

}
.product-content-md-dtl {
    line-height: 15px;
	 height: 150px;
    font-size: 14px;
	
	padding:5px;
	font-family: GothambookRegular;
}

.product-logo-sm {
    height: 64px;
    padding: 2px;
}

    .product-logo-sm > i {
        font-size: 30px;
        padding: 10px 0px;
    }

.product-content-sm {
    height: 120px;
    font-size: 18px;
	font-family: GothambookRegular;
}
.product-content-sm-flip {
    height: 30px;
    font-size: 17px;
	font-weight: bold;
	font-family: GothambookRegular;
}
.product-logo-sm-flip {
	font-size:35px;
	height: 40px;
    padding: 2px;
}
.product-content-sm-dtl{
    height: 70px;
    font-size: 14px;
	padding:5px;
	font-family: GothambookRegular;
}
.flip {
    perspective: 1000px;
}

    .flip > .fliper {
        transition: 0.5s;
        transform-style: preserve-3d;
    }

    .flip > .fliper {
        transform: rotateY(0deg);
    }

    .flip:hover {
        overflow: initial;
    }

        .flip:hover > .fliper {
            transform: rotateY(180deg);
        }

.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.front {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}

.back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.front a:hover, .back a:hover{
	text-decoration:none;
}

.inline {
    display: inline-block;
	position:inline;
}
.inline-prd {
    display: inline-block;
	position:inline;
}
.primary-menu {
    height: 75px;
    background-color: #018cb9;
    color: white;
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0;
}

    .primary-menu li, .primary-menu i {
        list-style: none;
        margin-top: 0px;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
        display: block;
        height: 50%;
    }

    .primary-menu:hover {
        background-color: #00749a;
    }

.secondary-menu * {
    text-overflow: clip !important;
    overflow:hidden;
	font-family: gothambookregular;
	font-size:13px;
}

.secondary-menu {
    display: inline-block;
    overflow: hidden;
    padding-top: 35px;
	

}

.secondary-menu-li > a {
    display: block;
    line-height: 45px;
    color: #6b6565;
    font-size: 16px;
    padding: 0px;
    position: relative;
    margin: 0px 15px;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

    .secondary-menu-li > a:after {
        content: '';
        position: absolute;
        background: #009636;
        width: 0;
        height: 2px;
        right: 0;
        transition: width 0.3s ease, background 0.3s ease;
        bottom: 10px;
    }

.secondary-menu-li:hover > a:after {
    width: 100%;
}

.menu-li-drp-dwn {
    /*position: absolute;
    overflow: hidden;
    max-height: 0;
    width:200px;*/
    transition: all 0.3s cubic-bezier(0.1, 1, 0,1) ease-in-out;
    visibility: hidden;
    position: absolute;
    top: 100%;
    z-index: 1000;
    padding: 0;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.175);
    box-shadow: 0 3px 3px rgba(0,0,0,0.175);
    background-clip: border-box;
    overflow: hidden;
}

    .menu-li-drp-dwn ul {
        box-sizing: border-box;
        vertical-align: top;
        float: left;
    }

    .menu-li-drp-dwn li {
        padding: 10px 20px;
        border-bottom: 1px solid #e6e6e6;
        min-width: 275px;
        height: 36px;
        box-sizing: border-box;
        display: block;
		text-align: left;
    }

	.menu-li-drp-dwn li:hover:not(.No-hover) {
		background: #529313;
		color: whitesmoke;
		text-align: left;
	}

.secondary-menu-li:hover .menu-li-drp-dwn {
    max-height: 1000px;
    display: block;
    background: #fff content-box;
    visibility: visible;
}

.clr:after {
    display: block;
    content: '';
    clear: both;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

.clients {
    padding: 10px 25px;
    width: 100%;
    align-content: center;
    text-align: center;
    box-sizing: border-box;
}
.client-col-fin{

    display: inline-block;
    padding:0px 10px 0px 10px;
    font-size: 13px;
    text-align: left;
    vertical-align: middle;
	min-width:100px;
}
.client-col {
    display: inline-block;
    padding:0px 10px 0px 10px;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
}

.anim-close:before, .anim-close:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 0px;
    background: #468C0C;
    z-index: -1;
    opacity: .7;
    transition: width 0.5s ease;
}

.anim-close:before {
    left: 0px;
    top: 0;
}

.anim-close:after {
    right: 0px;
    bottom: 0;
}

.anim-close:hover:before, .anim-close:hover:after {
    width: 100%;
}

.heading-white-bg {
    padding: 20px;
    padding-top: 40px;
    font-size: 18px;
    color: #018cb9;
    text-align: center;
}

.heading-green-bg {
    padding: 20px;
    font-size: 18px;
    color: white;
    text-align: center;
}

.heading-gray-bg {
    padding: 20px;
    font-size: 18px;
    color: whitesmoke;
    text-align: center;
}

.secondary-menu-slider {
    display: none;
}


.low-opacity {
    opacity: .9 !important;
}

* {
    transition: opacity ease-in-out .5s;
}

.no-select, .no-select * {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.bg-opacity {
    opacity: .95;
}

/*p {
    display: block;
    -webkit-margin-before: 2px;
    -webkit-margin-after: 2px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}*/

.content-bg-green {
    color: #5b5d5b;
}
.content-bg-green:hover {
    color: white;
}

.anim-opacity:hover div {
    background:#68a02d;
	color:white;
}
.anim-opacity:hover div p{
    color: white;
	}
.anim-opacity:hover div b{
    color: white;
	text-decoration:underline;
	}
.anim-opacity:hover div p span{
	color: #A2EDF6;
	}
.anim-opacity:hover div i{
	color: white;
	}
.anim-opacity:hover:before {
    height: 259px;
    opacity: 0;
}

.anim-opacity:before {
    content: '';
    position: absolute;
    background: #68a02d;
    transition: all 0.4s ease, background 0.3s ease;
    min-width: 294px;
    width: 23%;
    height: 0px;
    display: block;
    perspective-origin: top;
    transform: rotateX( 0deg );
    transform-origin: top;
    opacity: 1;
}

.group {
    position: relative;
    margin-bottom: 45px;
}

    .group .group-lable:before, .group .group-lable:after, .group .group-lable {
        position: absolute;
        bottom: 0;
        transition: 0.2s ease all;
        -moz-transition: 0.3s ease all;
        -webkit-transition: 0.3s ease all;
        font-size: 18px;
    }

    .group .group-lable {
        width: 100%;
        left: 0;
        text-align: left;
        z-index: -1;
        opacity: .5;
    }

    .group .group-input {
        font-size: 18px;
        padding: 0;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #757575;
        outline: none;
        background: transparent;
        text-overflow: ellipsis;
        -webkit-appearance: button !important;

    }

    .group .group-lable:before, .group .group-lable:after {
        content: "";
        width: 0%;
        height: 2px;
        background: green;
    }
	

    .group .group-lable:before {
        right: 50%;
    }

    .group .group-lable:after {
        left: 50%;
    }

    .group .group-input:focus + .group-lable:before, .group .group-input:focus + .group-lable:after {
        width: 50%;
    }

    .group .group-input:focus + .group-lable:before, .group .group-input:focus + .group-lable:after,
    .group .group-input:valid + .group-lable:before, .group .group-input:valid + .group-lable:after {
        bottom: -30px;
    }

	
    .group .group-input:focus + .group-lable,
    .group .group-input:valid + .group-lable {
        bottom: 30px;
        opacity: 1;
        font-size: 14px;
        color: green;
    }
	
   

    .group .group-input:focus {
        border: none;
        color: #776e6e;
    }

    .group .group-input:not(:focus):invalid {
        color: transparent;
    }


    .group .group-input:required:invalid {
        background-image: url('../img/athterisk.png');
        background-repeat: no-repeat;
        background-position: right center;
        transition: 0.1s ease all;
        -moz-transition: 0.1s ease all;
        -webkit-transition: 0.1s ease all;
        opacity: .7;
        background-size: 7px;
    }


        .group .group-input:required:invalid:focus {
            background-size: 5px;

        }

.group-submit {
	
	margin-top: 50px;
    background: #549428;
    height: 25px;
    width: 135px;
    border: 1px solid gray;
    border-radius: 4px;
    color: whitesmoke;
    outline: none !important;
	text-align:center;
}

/*.group .group-input::-webkit-datetime-edit,  .group .group-input::-webkit-scrollbar, .group .group-input::-webkit-inner-spin-button, .group .group-input::-webkit-calendar-picker-indicator {
        display:none;
    }*/
.chk {
    visibility: hidden;
}

    .chk + span {
        padding: 0px 45px 0 0;
    }

        .chk + span:before, .chk + span:after {
            content: "";
            position: absolute;
            transition: 0.1s ease all;
            -moz-transition: 0.1s ease all;
            -webkit-transition: 0.1s ease all;
            background: #b1b1b0;
        }

        .chk + span:before {
            width: 34px;
            height: 10px;
            border-radius: 8px;
            margin-top: 10px;
            opacity: .5;
        }

        .chk + span:after {
            margin: 7px -6px;
            height: 15px;
            width: 15px;
            border-radius: 50%;
            box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
        }



    .chk:checked + span:after, .chk:checked + span:before {
        background: #549428;
    }

    .chk:checked + span:after {
        margin: 7px 20px;
    }

#banner .fullbanner{
		
	width:100% !important;		
		
	position :relative ;
		
	max-height:400px !important;
	

	overflow:hidden ;
		
	background-color:#fff;
		
	background-image:url(../images/hashdark.png);
		
		
	background-repeat: repeat;
	
	background-position:center;
		
	z-index:0;

}


.mklbanner {
	border-bottom:3px solid #579414;
	height:551px;
	background: #579414; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #2898F3 , #DEDBDB); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right,  #2898F3 , #DEDBDB); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right,  #2898F3 , #DEDBDB); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right,  #2898F3 , #DEDBDB); /* Standard syntax */

}


.prdpop{
	display:none;
	font-size: 14px;
	font-weight: 100;
	position: absolute;
	line-height: 20px;
	font-family: 'GothamBookRegular';
}
.prdexp {
	font-size:13px; 
	color:#74BF21; 
	padding-top:5px;
	font-family: 'GothamBookRegular';
}
.prd-highlight{
	color:#018cb9;  
	font-size:14px;
	font-weight:bold;
}
.prd-title{
	color:#39840c;
	font-size:16.5px;
	font-weight:600;
}	
.mobile-cnt{
	padding:10px;
	display:none;
	color:#6b6565; 
	font-size:14px;
	font-weight:500;
}
.product-heading, .product-heading a{
	font-size: 37px;
	text-align:center;
	padding: 45px 0 0.3125em 0;
    font-family: 'GothamLightRegular';
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
	color: #018cb9;
}

.product-heading a:hover {
border-bottom: 1px solid #018cb9;
}

.product-sub-heading{
	font-size: 23px;
	text-align:left;
	padding-left: 1em;
    font-family: 'GothamLightRegular';
    font-style: normal;
    font-weight: bold;
    line-height: 1.2em;
	color: #7b7a7a;
}
.product-sub-heading-center{
	font-size: 2.5em;
	text-align:center;
	padding: 30px 0 0.3125em 0;
    font-family: 'GothamLightRegular';
    font-style: normal;
    font-weight: 400;
    line-height: 2em;
	color: #444444;
}

.product-side-heading{
	font-size: 1.7em;
	text-align:center;
	padding: 0 1em 0 1em ;
    font-family: 'GothamLightRegular';
    font-style: normal;
    font-weight: 400;
    line-height: 1.2em;
	color: #7b7a7a;
}
p.product-body{
	font-size: 18px;
	text-align:left;
	padding: 0 17em 2em 17em;
    font-family: 'GothamBookRegular';
    font-style: normal;
    line-height:30px;
	color: #848282;
}

.product-body-img{
	padding:0% 3%;
	padding-bottom:40px;
    padding-top: 10px;
	width:50px;
	clear: left;

}

.footer-heading {
font-family:gothamlightregular;
font-weight:bold;
font-size:16px;
color:#fff;

}
.footer-heading span {
padding-bottom: 5px;
border-bottom: 1px solid #999;
color:#fff;
}


.footer-heading  ul li a {
font-family:gothamlightregular;
font-size:14px;
color:#fff;
}

.jobs-heading {
	margin-top:10px;
	font-size: 15px;
    line-height: 30px;
	margin-left:5%;

}
.jobs-heading span {
font-family:gothambookregular;
padding-bottom: 5px;
border-bottom: 1px solid #999;

}
.jobs-heading  div{
	padding-top:10px;
	font-family:gothambookregular;
	margin-left:5%;
	width:85%;
	text-align:justify;
}
.reachus{
	color:#018cb9;
}
.daily-img {
	position:relative;
	margin-top:-77px;
    width:100%;
 
}



/*==============================================For Media 1200*/

@media screen and (max-width:1200px) {

.secondary-menu-li > a {
font-size:14px;
}
	.mklbanner {
		border-bottom:3px solid #579414;
		height:85%;
	}


	.daily-img {
		padding:0px;
		width:100%;
		
	}

.product-heading, .product-heading a{
	font-size: 30px;
}
.product-sub-heading-center {
	font-size: 30px;

}
	.logo img{
		
		width: 320px;
		height: 54px;
		margin-top: 14px;
		margin-left: -15px;
		padding: 0px;
	}
	.inline-prd {
		
		position:relative;
		overflow:auto;
	}
   .prdpop{
		display:block;
		font-size: 12px;
		font-weight: 100;
		position: relative;
		line-height: 20px;
		width:100%;
	}
	.Col {
		position: relative;
		height: 100%;
		min-height: none;
		box-sizing: border-box;
		text-align: center;
		border: none;
		min-width: 175px;
		max-width: 403px; 
		width: 100%; 
		vertical-align:bottom
	}
	.pannel-inner-prd {
		z-index: 0;
		overflow: hidden;
		max-height: none;
		text-align: center; 
		padding-left: 0%;
	}
}


/*==============================================For Media 910*/

@media screen and (max-width:970px) {

.product-heading, .product-heading a{
	font-size: 30px;
}
.product-sub-heading-center {
	font-size: 30px;;
	line-height:35px;
}
.product-side-heading{
margin-top:25px;
	font-size:20px;
}

    .mklbanner {
        border-bottom: 3px solid #579414;
        height: 187px;
    }
.daily-img {
        margin :0px;
		padding:0px;
		width:100%;
			}

p.product-body{
	padding: 10px;
	margin-left:5px;
	margin-right:5px;
	text-align:justify;
}
.product-body-img{
Padding-bottom:5px;
}

.product-img{
width:450px;

}

.prdpop{
	display:block;
	font-size: 12px;
	font-weight: 100;
	position: relative;
	line-height: 20px;
	width:340px;
}

.footer{
display:none;
}

.primary-menu {
    height: 75px;
    background-color: #018cb9;
    color: white;
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0;
	width: 81px;
    font-size: 12px;
}

.logo img{
    width: 200px;
    height: 44px;
    margin-top: 14px;
    margin-left: -15px;
    padding: 0px;
}

.product-content-sm{
	height:100%;
}

.Col {
    position: relative;
    height: 100%;
    min-height: none;
    box-sizing: border-box;
    text-align: center;
	border: none;
	min-width: 175px;
	max-width: 403px; 
	width: 350px; 
	vertical-align:bottom
}
.inline-prd {
    
	position:relative;
	overflow:auto;
}
	.pannel-prd {
		position: relative;
		z-index: 0;
		
		text-align: center; 
		padding-top: 2%;
		padding-right: 0%;
		padding-bottom: 1%;
		padding-left: 0%;
		}
	.pannel-inner-prd {
		z-index: 0;
		overflow: hidden;
		max-height: none;
		text-align: center; 
		padding-left: 0%;
	}

    .secondary-menu {
        position: absolute;
        left: -100%;
        top: 58px;
        display: block;
        background: whitesmoke;
        width: 275px;
        padding: 0px;
        overflow-y: auto;
        transition: all ease-in-out .2s;
    }

    .secondary-menu-slider {
        width: 50px;
        height: 101%;
        display: inline-block;
        float: left;
        text-align: center;
        padding-top: 20px;
        font-size: 28px;
        box-sizing: border-box;
    }

    .secondary-menu-show {
        left: 0;
    }

    .secondary-menu-li {
        width: 100%;
        text-align: left;
    }

    .menu-li-drp-dwn {
        display: none;
        position: relative;
        box-shadow: none;
        -webkit-box-shadow: none;

    }
	

        .menu-li-drp-dwn ul {
            width: 100% !important;
        }

    .col {
        width: 100% !important;
		
    }
}