@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800';

/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;margin: 0;padding: 0;}
body {line-height: 1;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {display: block;}
nav ul {list-style: none;}
ol {list-style: decimal;}
ul {list-style: disc;}
ul ul {list-style: circle;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
ins {text-decoration: underline;}
del {text-decoration: line-through;}
mark {background: none;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
input, select, a img {vertical-align: middle;}

/* Univerasal class */
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
html {margin: 0px;padding: 0px;font-family: 'Open Sans', sans-serif; color:#121212;font-size: 14px;}
body {margin: 0;}
a {text-decoration: none;color: #000;}
a:hover {text-decoration: none;color: #777777;}
img {margin-bottom: 0px;max-width: 100%;height: auto;}

.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}

/* Grid Adjust */
.container {margin: 0px auto;position:relative;}
.fullwidth-container{margin: 0px auto;position:relative; width:100%;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{padding:0px 15px;position:relative;}
.col-md-1 {width: 8.333333333333333%;float: left;}
.col-md-2 {width: 16.66666666666667%;float: left;}
.col-md-3 {width: 25%;float: left;}
.col-md-4 {width: 33.33333333333333%;float: left;}
.col-md-5 {width: 41.66666666666667%;float: left;}
.col-md-6 {width: 50%;float: left;}
.col-md-7 {float: left;width: 58.33333333333333%;}
.col-md-8 {float: left;width: 66.66666666666666%;}
.col-md-9 {float: left;width: 75%;}
.col-md-10 {float: left;width: 83.33333333333333%;}
.col-md-11 {float: left;width: 91.66666666666667%;}
.col-md-12 {float: left;width: 100%;}
.paddingnull{padding:0px;}
input {
    width: 100%;
    padding: 12px 15px;
    padding: 0.75rem 0.9375rem;
    border-radius: 2px;
    border: 1px solid #ddd;
    font-size: inherit;
    -webkit-appearance: none;
}
@media only screen and (max-width : 880px) {   
     .container {
        max-width: 100%;
        margin: 0px auto;
    }
     

}
@media only screen and (min-width : 0px) and (max-width : 480px) {
      
    [class*="col-"] {
        width: 100%;
    }
}
@media only screen and (min-width : 481px) and (max-width : 768px) {

    [class*="col-"] {
        width: 100%;
    }    
}
/*========================================================================================================================*/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
.container {min-width: 768px;max-width: 980px;} 
}
/* ====================================================================================================================== */
@media only screen and (min-width : 1025px) and (max-width : 1680px) {
.container {min-width: 1024px;max-width: 1280px;}
}
/* ====================================================================================================================== */
@media only screen and (min-width : 1680px) {
.container {width: 1490px;}
}