@import url('commen/commen.css');
@import url('commen/main.css');
@import url('commen/header.css');
@import url('commen/nav.css');
@import url('commen/slider.css');
@import url('commen/advs.css');
@import url('commen/twitter.css');
@import url('commen/footer.css');

/*offers container*/
.offers_container {
    display: table;
    position: relative;
    width: 880px;
    height: auto;
    min-height: 100px;
    padding: 0px 0px 20px 0px;
    float: right;
}

.offers_media {
    display: table;
    position: relative;
    width: calc(50% - 10px);
    height: auto;
    margin: 20px 0px 0px 20px;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px rgba(0,0,0,0.1);
    float: right;
}

    .offers_media img {
        width: 100%;
        height: auto;
    }


/*offers container*/
.offers_box {
    display: table;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 20px;
    padding: 15px 20px;
    margin: 20px 0px 0px 0px;
    border-radius: 5px;
    border: solid 1px rgba(9,94,93,0.1);
    background: url(../../img/course_other_bg.jpg) center center no-repeat;
    background-size: cover;
}

    /*offers container title*/
    .offers_box p:nth-child(1) {
        display: block;
        position: relative;
        width: 100%;
        height: 20px;
        font-size: 18px;
        color: rgba(50,50,50,1);
        text-align: right;
        line-height: 20px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
        float: right;
    }

    /*offers container text*/
    .offers_box p:nth-child(2) {
        display: table;
        position: relative;
        width: 100%;
        height: auto;
        font-size: 14px;
        color: rgba(150,150,150,1);
        text-align: right;
        line-height: 26px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        direction: rtl;
        float: right;
    }
	
	    .offers_box img {
        width: 50%;
        height: auto;
		transform: translateX(50%);
        -webkit-transform: translateX(50%);
	
    }

/* custom style-----------------*/

.radius {
    border-radius: 5px;
}

/*-- media query --*/
@media only screen and (max-width: 1200px) {

    .offers_container {
        width: 70%;
    }
}

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

    .offers_container {
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

}

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

    .offers_container {
        display: table;
        min-height: 100%;
        overflow: hidden;
    }

    .offers_media {
        width: 100%;
        margin: 20px 0px 20px 0px;
    }

    .offers_box {
        width: 100%;
    }

}