* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.center-box {
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.full-width {
    width: 100%;
}

.one-half {
    width: 50%;
}

.one-third {
    width: 33.33%;
}

.two-third {
    width: 66.66%;
}

.one-fourth {
    width: 25%;
}

.three-fourth {
    width: 75%;
}

.one-fifth {
    width: 20%;
}

.two-fifth {
    width: 40%;
}

.three-fifth {
    width: 60%;
}

.four-fifth {
    width: 80%;
}

.one-sixth {
    width: 16.66%;
}

.five-sixth {
    width: 83.33%;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
}

.row-fluid{
   overflow: hidden;
    clear: both;
}

.full-width,.one-half,.one-third,.two-third,.three-fourth,.one-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth,.one-sixth,.five-sixth  {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.center-box:before,
.center-box:after {
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.center-box:after {
    clear: both;
}

.center-box {
    zoom: 1;
}

@media only screen and (min-width: 1360px) {

    .center-box {
        width: 94%;
        max-width: 1280px;
    }
}




@media only screen and (min-width: 767px) and (max-width: 1120px) {

    .center-box {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {

    .full-width, .one-half,.one-third,.two-third,.three-fourth,.one-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth,.one-sixth,.five-sixth {
        position: relative;
        float: left;
        min-height: 1px;
        margin-bottom: 0;
    }

 
}

@media only screen and (min-width: 767px) and (max-width: 1336px) {
      .center-box {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    } 
}


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

    .center-box {
        width: 100%;
    }
	
	footer .center-box, header .center-box{
        width: 100%;
		padding-left: 20px;
        padding-right: 20px;
    }

    .full-width,.one-half,.one-third,.two-third,.three-fourth,.one-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth,.one-sixth,.five-sixth {
        position: relative;
        margin-right: 0%;
        float: left;
        min-height: 1px;
        width: 100%;
        margin-bottom: 0;
    }
}