/*
Theme Name: Hub Child
Description: Child theme for hub Theme
Author: Saad
Template: hub
*/
@import url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");
@import url("//fonts.googleapis.com/css?family=Roboto+Condensed:400,300");
@import url("../hub/style.css");

/** Generated by FG **/
/*@font-face {
    font-family: 'Conv_Helvetica-Condensed';
    src: url('fonts/Helvetica-Condensed.eot');
    src: local('☺'), url('fonts/Helvetica-Condensed.woff') format('woff'), url('fonts/Helvetica-Condensed.ttf') format('truetype'), url('fonts/Helvetica-Condensed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: "Lato-Light";
    src: url('fonts/Lato-Light.eot');
    src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Light.svg#Lato') format('svg'),
        url('fonts/Lato-Light.woff') format('woff'),
        url('fonts/Lato-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: "Lato-Bold";
    src: url('fonts/Lato-Bold.eot');
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Bold.svg#Lato') format('svg'),
        url('fonts/Lato-Bold.woff') format('woff'),
        url('fonts/Lato-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
#rev_slider_1_1_wrapper {
    z-index: 11;
}
/*
General
*/

body #wrapper .page header h1 {
    font: normal 23px/1em 'Lato', arial, sans-serif !important;
    color: #51626f!important;
}
img {
    vertical-align: bottom;
    max-width: 100%;
    -webkit-transform: none !important;
}

a
{
    color: #ff5a00;
    text-decoration: none;
}
a:hover{text-decoration: none !important}

.title_center {
    background: #1a2024;
    border-top: 3px solid #ffffff;
}


.tp-caption .slider-caption {
    font-family: "Lato-Bold";
    width: 40%;
    min-width: 320px;
    background-color: rgba(26,32,36,0.7);
    padding: 35px !important;
    color: #fff !important;
    border-radius: 70px 70px 0px 70px;
    /*    float: left;
        position: relative;
        top: -40px;
        left: -110px;*/
}

#slider .tp-caption .slider-caption .caption-body {
    font: 300 20px/1.35 'Roboto Condensed', sans-serif !important;
    color: #f7f7f7  !important;
    white-space: pre-line;
    text-align: center;
}
.tp-caption .slider-caption .caption-heading {
    color:#fff !important;
    text-align: center;
    font-style: italic;
    font-size: 40px !important;
}
#slider .tp-caption a {
    font: 400 22px/1.35 'Roboto Condensed', sans-serif !important;
    color: #fff;
    background-color: #ff7302;
    padding: 8px 30px !important;
    border-radius: 40px;
    border: 2px solid #fff !important;
    margin: 0 23% !important;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;

}
#slider .tp-bullets.simplebullets.square-old .bullet {
    background: none;
    background-color: #222;
    margin: 0 5px;
    border: none;
    outline: none;
}
#slider .tp-bullets.simplebullets.square-old .bullet.selected {
    background-color: #ff7302;
}


.homepage {
    background: #ff5a00;
}

.twocol-one, .threecol-one, .threecol-two,.threecol-three, .fourcol-one, .fourcol-two, .fourcol-three, .fivecol-one, .fivecol-two, .fivecol-three, .fivecol-four, .sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five {
    float: left;
    margin-right: 4%;
    margin-bottom: 20px !important;
    position: relative;
}

/*HEADER*/
#header-wrapper {
    background: #fff;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #e6e6e6;
    min-height: 100px;
}

#header-wrapper >.wrapper {
    width: 1170px;
}


.home.blog #header-wrapper {
    margin: 0;
    min-height: 100px;
}

#header-wrapper #navigation ul.nav > li {
    padding: 33px 5px 0px 5px;
    border-bottom: none;
    border-top: 5px solid transparent;
}

#header #logo {
    padding: 30px 0px 14px 0px;
}

#header-wrapper #header #logo:active {
}
/*FOOTER*/

#footer-wrapper {
    background: #191f23;
    position: relative;
}
#footer-wrapper {
    background: #222832;
    border-top: 4px solid #51626f;
}

#footer #copyright {
    margin: 0px;
    vertical-align: middle;
}

#footer {
    padding: 35px 0px 0px 0px;
    border-bottom: 2px solid #51626f;
}

ul.footer_menu li {
    display: inline-block;
    padding: 0px 60px;
    font-size: 20px;
    border-right: 2px solid #ff5a00;
    margin-bottom: 30px;
}

ul.footer_menu li a {
    color: #51626f;
}

ul.footer_menu li:last-child {
    padding-right: 0px;
    text-align: right;
    border-right: none;
}

ul.footer_menu li:first-child {
    text-align: left;
    padding-left: 0px;
}

ul.footer_menu {
    text-align: center;
    margin: 0px;
}

#footer-widgets .widget ul li {
    border-bottom: none;
    padding: 0 0 .618em;
    margin: 0 0 .618em;
    display: inline;
}

#footer-widgets {

    margin: 0px 0px 0px 0px;
    background-color: #2c363d !important;
}

#menu-footer-menu {
    text-align: right;
}
#menu-footer-menu li a {
    /*border-right: 1px solid #ff5a00;*/
    margin-right: 2px;
    padding-right: 6px;
}
#menu-footer-menu li:last-child a {
    border-right: none;
}

.footer_social {
    text-align: center;
}

.footer_social > li > a {
    font-size: 13px;
    padding: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #6b7074;
}

.footer_social > li > a:hover {
    background-color: #aaaaaa;
}

.footer_social li a:hover {
    color: #fff;
    display: inline-block;
}

.footer_social li a {
    color: #1a2024;
    display: inline-block;
}



#footer-widgets .col-3 .block {
    display: inline;
    float: left;
    width: 27.166666666666668% !important;
    margin-left: 2.083333333333333%;
    margin-right: 2.083333333333333%;
    padding-top: 32px;
    /*height: 50px;*/
}

#footer-widgets .col-3 .block.footer-widget-3 {
    width: 32.5% !important;
}
ul#menu-footer-menu li a {
    font-size: 11px;
    color: #51626f;
}

ul#menu-footer-menu li a:hover {
    color: #888b8d;
}

#all_languages .textwidget {
    float: none;
    margin-bottom: 1.5%;
    margin-left: 1.5%;
    width: 30%;
    margin: 0 auto;
    text-align: center;
    display: table;
}

.about_us #our-team {
    background: none;
}

.team-container a {
    color: #fff;
}

.team-container a:hover {
    color: #fff;
    text-decoration: none;
}



#wrapper .bx-wrapper .bx-pager.bx-default-pager a {
    background: url(images/slider_off.png);
    height: auto;
    width: 22px;
    border-radius: 0px;
    margin: 0px 6px;
}

#wrapper .bx-wrapper .bx-pager.bx-default-pager .active {
    background: url(images/slider_on.png);
}

#testimonials .wrapper {
    padding-bottom: 20px;
}
#testimonials .slides .testimonials-list {
    background-color: transparent !important;
}


body #wrapper .title_center header h1 {
    color: #fefefe !important;
    text-transform: uppercase;
    text-align: center;
    font-family: Lato-Light;
    font-size: 32px;
    margin: 0px;
    padding: 30px 0px;
    font-weight: normal;
}


body #wrapper .entry, body #wrapper .entry p {
    position: relative;
}

.title_center .hentry {
    margin: 0px;
}

aside.post-meta ul {
    display: inline-block;
}
.hentry .post-meta li a:hover {
    cursor: default;
    color: #bec0c2;
    text-decoration: none;
    border-bottom: .125em dashed transparent;
}
.hentry header {
    clear: both;
    display: table;
    margin: 0;
    width: 100%;
}

.hentry .post-meta {
    margin:0px !important ;
}


.title_center header {
    margin: 0px;
}

.free_trial_subscribe_now {
    float: right;
    margin-top: -50px;
}

#wrapper #intro-message .entry p {
    font-family: Lato-Light;
    font-size: 21px;
    color: #ffffff !important;
    text-align: center;
    line-height: 48px;
    margin: 0px;
}

#intro-message .hentry {
    margin: 0px;
    padding-bottom: 30px;
    padding-top: 40px;
}

#wrapper .language_select, #min_width {
    text-align: center;
    font-family: Lato-Bold;
    font-weight: bold;
    color: #fefefe;
    text-transform: uppercase;
    padding: 50px 0px;
    max-width: 990px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 1;
}

.language_select {
    line-height: 0.5;
    text-align: center;
}

.language_select i {
    display: inline-block;
    position: relative;
    font-style: normal;
}

.language_select i:before,
.language_select i:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #1a2024;
    border-top: 1px solid #b33e00;
    top: 5px;
    width: 300px;
}

.language_select i:before {
    right: 100%;
    margin-right: 15px;
}

.language_select i:after {
    left: 100%;
    margin-left: 15px;
}


.slide-content > p {
    display: inline-block;
    position: absolute;
    left: 21.5%;
    top: -120px;
}

.slide-content > p >a {
    color: #fff;
    background: #ff5a00;
    padding: 6px;
    width: 200px;
    display: block;
    font-size: 20px;
    text-align: center;
    border-radius: 27px;
    border: 2px solid;
    text-transform: uppercase;
}

.home-section header.section-title {
    position: relative;
    display: inline;
    float: left;
    width: 100%;
    /*width: 95.83333333%;*/
    margin-left: 0px !important;
    margin-right: 0% !important;
    /*margin-right: 2.08333333%;*/
    margin-bottom: 3.631em;
}

.home-section header.section-title .sub_header {
    position: absolute;
    top: 5px;
    right: 0px;
    text-align: right;
}
.home-section header.section-title .sub_header a {
    display: inline-block;
    text-align: center;
}
.home-section header.section-title .sub_header a h1 {
    margin-bottom: 0;
}

.home-section header.section-title h1 {
    color: #fff;
    font-family: Lato-Regular;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 34px;
}

#description .section-title h1 {
    text-align: left;
    color: #51626f;
}

#description header.section-title:after {
    float: left;
}

#wrapper #all_languages {
    padding: 0px;
}

.testimonial {
    background: url(images/test_bg.png);
    background-repeat: round;
}

body #intro-message {
    background: #ff5a00;
}

#wrapper #all_languages .sixcol-one {
    margin-bottom: 20px;
}

#wrapper #all_languages .sixcol-one:last-child {
    margin: 0px;
}

.sixcol-one a {
    display: block;
    height: 128px;
    margin: 0 auto;
    width: 129px;
    border-radius: 500px;
}

.sixcol-one a:hover {
    background-color: #fff !important;
}

.sixcol-one a:hover img {
    opacity: 0;
    visibility: hidden;
}

#wrapper .hentry img, .hentry img.thumbnail {
    background: none;

}
.team-container img {
    border-radius: 100px;
}
.ratepost.gdsr-size-24, .ratepost.gdsr-size-24 .starsbar .gdouter{width:120px}


ul.bxslider_related_sets li a img{width:100px;height:100px}

.gform_button{margin-left:45%}
.sixcol-one #arabic {
    background: url(images/arabic_hover.png) center no-repeat;
}

.sixcol-one #persian {
    background: url(images/persisa_hover.png) center no-repeat;
}

.sixcol-one #urdu {
    background: url(images/urdu_hover.png) center no-repeat;
}

.sixcol-one #heb {
    background: url(images/heb_hover.png) center no-repeat;
}

.sixcol-one #rus {
    background: url(images/rus_hover.png) center no-repeat;
}

.sixcol-one #mand {
    background: url(images/man_hover.png) center no-repeat;
}

#testimonials #testimonials-holder {
    background: url(images/test_bg.png);
    background-repeat: round;
    padding: 53px 0px 23px;
}

#testimonials .slides .testimonial {
    background: #ffffff;
}

.home-section header.section-title:after {
    background: none;
}

.home-section header.section-title span.heading:after {
    content: '';
    background: #ff5a00;
    display: block;
    width: 7%;
    height: 6px;
    margin: 0 auto;
}

.home-section header.section-title {
    text-align: center;
    margin-bottom: 15px;
}
.home-section header.section-title .sub_header h1 {
    font-size: 16px;
    color: #aaa;
    text-transform: capitalize;
}

body #wrapper .page header h1 {
    color: #51626f !important;
    font: 2.2em/1em lato,sans-serif;
    padding-bottom: 12px;
    position: relative;
}



.status-publish header h1:after {

    background: none repeat scroll 0 0 #ff5a00;
    bottom: -6px !important;
    content: "";
    display: block;
    height: 0.23em;
    position: absolute;
    width: 65px;
}

.status-publish header h1 a {
    display: block;
    margin-bottom: 0px;
}

.status-publish header h1 a:hover {
    display: block;
    text-decoration: none;
}

.status-publish header h1 {
    margin-bottom: 26px;
}

#testimonials .slide-nav ul li .avatar-link.active .avatar {
    background: #1a2024;
    border: none;
}

#testimonials .slide-nav ul li .avatar {
    border: none;
}

#testimonials .slides .testimonial p {
    font-family: Lato-Regular;
    color: #ff5a00;
    line-height: 30px;
}

#testimonials .slides .testimonial .author span {
    font-family: Lato-Regular;
    color: #993600;
}

#testimonials .slides .testimonial .author .byline {
    color: #aaaaaa;
}

#description p {
    color: #51626f;
    font-family: Lato-Light;
    font-size: 17px;
    float: left;
    line-height: 36px;
}

#description p span {
    color: #ff5a00;
    float: left;
    width: 100%;
}

#description .threecol-one {
    text-align: center;
}

#description .threecol-one p {
    font-size: 18px;
}

#description .threecol-one h2 {
    font-family: Lato-Bold;
    font-size: 32px;
    color: #ff5a00;
    margin-bottom: 41px;
}

#description .threecol-one img {
    -moz-transform: scale(0.8) !important;
    -ms-transform: scale(0.8) !important;
    -o-transform: scale(0.8) !important;
    -webkit-transform: scale(0.8) !important;
    transform: scale(0.8) !important


}

#description {
    padding-bottom: 35px;
}



.team-categories {
    margin: 0 auto;
    display: table;
    list-style: none;
    background: #fff;
    padding: 5px 15px;
    border: 1px solid #ff5a00;
    clear: both;
}

.team-container li {
    border-radius: 500px !important;
    display: inline-block;
    margin: 0 3%;
    overflow: hidden;
    position: relative;
}

.team-categories .prev a,.team-categories .next a {
    background: none repeat scroll 0 0 #000;
    color: #ffffff;
    display: block;
    padding: 3px 10px;
}

.team-categories .tem-cat {
    min-width: 180px;
    text-align: center;
}

#our-team {
    background: url('images/BG.png');
    background-size: cover;
}

#our-team .heading {
    color: #51626f;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.team-container {
    margin: 70px auto 10px;
    max-width: 1120px;
    text-align: center;
}

.team-container  li > img {
    width: 150px;
    height: 150px;
}

.team-container li h2 {
    /*height: 53%;
    padding-top: 47%;
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    background: rgba(153,54,0,0.6);
    color: #fff;
    border-radius: 500px !important;*/
    height: 100%;
    /* padding-top: 47%; */
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    background: rgba(153,54,0,0.6);
    color: #fff;
    border-radius: 100%;
    line-height: 8.4;
    font-size: 1.3em;
    font-weight: normal;
}

.team-container li h2 a:hover{
    color: #fff;
}
.team-container li:hover h2 {
    display: block;
}

.team-categories li {
    display: inline-block;
}

.description-features {
    background: url("images/border.jpg") repeat-x scroll center top #ededed;
    padding-top: 77px;
}

.description-features.home-section header.section-title h1 {
    color: #51626f;
    text-align: center;
}

.description-features.home-section header.section-title {
    display: block;
}

.description-features h2 {
    color: #993600;
    font-size: 24px;
}

.description-features p {
    color: #ff5a00;
    font-size: 18px;
}

.description-features .wrapper  div.sec-2,.description-features .wrapper   div.sec-4 {
    background: red;
}

#featured-products {
    background: #262626;
}

#featured-products .heading {
    color: #aaaaaa;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 22px;
    text-transform: uppercase;
}
#featured-products .wrapper .fourcol-one  {
    float: none;
    display: inline-block;
}
#featured-products > wrapper {
    text-align: center;
}
#breadcrumbs {
    display: table;
    width: 100%;
    margin: 0px;
    padding: 16px 0px;
    margin-bottom: 25px;
    background: #f5f5f4;
    border-bottom: 0.09em solid #ebebeb;
    position: relative;
}

.breadcrumb-trail {
    font-size: 16px !important;
}

#featured-products .wrapper {
    text-align: center;
}

#featured-products .wrapper .fourcol-one:nth-child(2) {
    background: none repeat scroll 0 0 #ccc;
}

#featured-products .wrapper .fourcol-one:nth-child(3) {
    background: none repeat scroll 0 0 #7790a3;
}

#featured-products .wrapper .fourcol-one:nth-child(4) {
    background: none repeat scroll 0 0 #657a8a;
}

#featured-products .wrapper .fourcol-one:nth-child(5) {
    background: none repeat scroll 0 0 #526370;
}

#featured-products .wrapper .fourcol-one:nth-child(3),
#featured-products .wrapper .fourcol-one:nth-child(4),
#featured-products .wrapper .fourcol-one:nth-child(5) {
    min-height: 378px;
}

#featured-products .fourcol-one > h2 {
    border-bottom: 1px dotted #bbc8d1;
    line-height: 2;
    color: #fff;
    display: block;
}

#featured-products .wrapper .fourcol-one:nth-child(2) > h2 {
    border-color: #666;
    color: #000;
    display: block;
}

#featured-products .fourcol-one > span,#featured-products .wrapper .fourcol-one:nth-child(2) > span {
    display: table;
    margin: 30px auto;
}

#featured-products .wrapper .fourcol-one:nth-child(2) > span {
    margin: 30px auto !important;
}

.fourcol-one span.amount,#featured-products .wrapper .fourcol-one:nth-child(2) > span {
    color: #fdee66;
    font-size: 40px;
    font-weight: bold;
    margin: 17px auto;
}

.subscription-details {
    color: #fff;
}

.gfield .subscription-details{color: #060;}

#featured-products .fourcol-one > ul {
    border-top: 1px dotted #bbc8d1;
    padding-top: 20px;
    color: #fff;
}

#featured-products .wrapper .fourcol-one:nth-child(2) > ul {
    border-color: #666;
    color: #000;
}

.description-features {
    padding-bottom: 0 !important;
}

#featured-products .fourcol-one > a {
    background: none repeat scroll 0 0 #303336;
    border-radius: 28px;
    color: #fff;
    display: table;
    font-size: 16px;
    font-weight: bold;
    margin: 20px auto;
    padding: 5px 17px;
    text-transform: uppercase;
}

.sec-1,.sec-3 {
    background: #ededed;
}

.sec-2,.sec-4 {
    background: #f2f2f2;
}

.sec-1,.sec-2,.sec-3,.sec-4 {
    color: #ff5a00;
    padding-top: 20px;
    margin-bottom: 0 !important;
}

.sec-1 p,.sec-2 p,.sec-3 p,.sec-4 p {
    color: #ff5a00 !important;
}

.sec-1 .threecol-two,.sec-2 .threecol-one,.sec-3 .threecol-one,.sec-4 .threecol-two {
    margin-bottom: 0px;
}

#featured-products .wrapper .fourcol-one:nth-child(4) .amount,
#featured-products .wrapper .fourcol-one:nth-child(5) .amount {
    color: #fdee66;
}

fourcol-one.last a {
    background: none repeat scroll 0 0 #364754;
}

a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button, #wrapper .woo-sc-button, .follow-link a, .our-team-author-archive a ,.status.register {
    border: 3px solid #ff5a00;
    color: #ff5a00;
    font-size: 16px;
    font-weight: normal;
    padding: 3px 15px;
    text-transform: capitalize;
}
.status.register {
    background:#fff !important;
    border-radius:100px;
}
.status.register:hover,.status.register:hover a{
    background:#ff5a00 !important;
    color:#fff !important;
}
.hentry {
    margin-bottom: 44px;
    padding: 0px 0 46px;
    border-bottom: 5px double #ccc;
}

.hentry .post-meta li {

    font-size: 13px;
}

.hentry .post-meta li:before {
    color: #ff5a00;
}

#wrapper .hentry img, .hentry img.thumbnail {
    padding: 0px;

}



#wrapper .type-set.status-publish.hentry img {
    box-shadow: 0px 10px 33px -1px rgba(0, 0, 0, 0.44);
    outline: 1px solid #FF5805;
    outline-offset: 2px;
}
#wrapper .type-set.status-publish.hentry .words-game img {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    outline: 0px solid #FF5805 !important;
    outline-offset: 0px !important;
}



.hentry .entry ul, .hentry .entry ol {
    margin-left: 0px;
    display: inline-block;
    margin-bottom: 10px
}

.twocol-one, .threecol-one, .threecol-two, .fourcol-one, .fourcol-two, .fourcol-three, .fivecol-one, .fivecol-two, .fivecol-three, .fivecol-four, .sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five {
    margin-bottom: 0;
}

.post {
    border-bottom: 1px solid #dedede;
    padding-bottom: 6%;
    position: relative;
}

.post:after {
    border-bottom: 1px solid #dedede;
    bottom: 1px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 100%;
}

#woothemes_our_team-3 .team-member > figure {
    border: 3px solid #aaaaaa;
    border-radius: 500px;
    float: left;
    height: 82px;
    margin-right: 40px;
    overflow: hidden;
    width: 82px;
}

.widget_woothemes_our_team .team-member {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-bottom: 0;
}

body #wrapper .widget h3 {
    text-transform: capitalize;
}

body #wrapper #woothemes_our_team-3 > h3,body #wrapper #recent-posts-2 > h3,body #wrapper #woothemes_testimonials-3 > h3 {
    text-transform: uppercase  !important;
    color: #51626f !important;
    font-size: 20px !important;
    margin-bottom: 50px;
}

body #wrapper #woothemes_our_team-3 > h3:after,body #wrapper #recent-posts-2 > h3:after,body #wrapper #woothemes_testimonials-3 > h3:after {
    background: none repeat scroll 0 0 #ff5a00;
    content: "";
    display: block;
    height: 5px;
    position: relative;
    top: 26px !important;
    width: 17%;
}

#woothemes_testimonials-3 .testimonials-text > p {
    color: #51626f;
    font-size: 18px;
    font-style: italic;
    line-height: 1.5;
}

.read-more .button:before {
    content: "\f144";
    font-family: FontAwesome;
    margin-right: 7px;
}

.comments  .button:before {
    content: "\f075";
    font-family: FontAwesome;
    margin-right: 7px;
}

#woothemes_testimonials-3 .avatar.wp-post-image {
    float: left;
    margin-right: 30px;
    margin-top: 20px;
}

#woothemes_testimonials-3 .author > span[itemprop="name"] {
    font-size: 24px;
    color: #993600;
    font-weight: normal;
    display: block;
    margin-top: 30px;
    margin-bottom: 5px;
}

#woothemes_testimonials-3 .author {
    margin-top: 20px;
}

#woothemes_testimonials-3 .author > span[class="title"] {
    font-size: 18px;
    color: #aaa;
    display: block;
    font-weight: normal;
}

#recent-posts-2 li {
    border: 1px solid #ccc;
    margin-bottom: 14px;
    padding: 14px;
}

#recent-posts-2 li a {
    color: #1a2024;
    font-size: 18px;
    text-transform: capitalize;
}

#recent-posts-2 li .post-date {
    color: #aaaaaa;
    display: block;
}

#recent-posts-2 li .post-date:before {
    content: "\f133";
    font-family: FontAwesome;
    margin-right: 7px;
    color: #ff5a00;
}

.single-product #main {
    width: 100%;
}

.subscription-summary h1 {
    color: #51626f;
    font-size: 28px;
    margin-bottom: 50px;
    position: relative;
    text-align: center;
}

.subscription-summary h1:after {
    background: none repeat scroll 0 0 #ff5a00;
    bottom: -14px;
    content: "";
    display: block;
    height: 0.16em;
    left: 47.5%;
    position: absolute;
    width: 5%;
}

.all_subscriptions li {
    display: inline-block;
}

.all_subscriptions {
    margin: 30px auto;
    text-align: center;
}

.all_subscriptions li a {
    background: none repeat scroll 0 0 #eeeeee;
    color: #333;
    display: block;
    font-size: 15px;
    margin: 0 6px;
    padding: 6px 26px;
}

.gform_wrapper {
    margin: 0;
    max-width: 100%;
}

.subscription-form {
    border: 1px solid #e6e6e6;
    position: relative;
}

.subscription-form .gform_fields > li {
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.subscription-form .gform_fields > li.gfield .ginput_container ul li {
    display: inline-block;
    margin: 0 20px !important;
}

.subscription-form .gform_fields > li.gfield .ginput_container ul li input[type="radio"],
.subscription-form .gform_fields > li.gfield .ginput_container ul li input[type="checkbox"] {
    display: none;
}

.subscription-form .gform_fields > li.gfield {
    text-align: center;
}

.subscription-form .gfield_label {
    color: #ff5a00;
    margin-bottom: 24px !important;
    margin-top: 0 !important;
    text-transform: uppercase;
}

.subscription-form .gform_fields > li.gfield .ginput_container ul li label {
    background: none repeat scroll 0 0 #f0f0f0;
    border-radius: 130px;
    cursor: pointer;
    height: 130px;
    line-height: 130px;
    width: 130px;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.subscription-form  .gform_fields > li.gfield .ginput_container ul li label:hover {
    opacity: 0.8;
}

.subscription-form .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
    background: #87c832 !important;
    color: #fff;
}

.subscription-form .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label {
    background: #ff5a00 !important;
    color: #fff;
}

.subscription-form .gfield.subscribe_totla_cost {
    font-size: 24px;
    font-weight: normal !important;
}

.subscription-form .subscribe_totla_cost .gfield_label {
    color: #1a2024;
    display: inline-block !important;
    margin-right: 19px !important;
    width: auto;
    margin-bottom: 0 !important;
}

.subscription-form .subscribe_totla_cost .ginput_container,.subscribe_totla_cost .ginput_container span {
    color: #ff5a00 !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
}

.subscription-form #gform_submit_button_1 {

    bottom: 40px;
    right: 20px;
    text-transform: uppercase;
    top: inherit;
}

.subscription-form .gfield.subscribe_totla_cost {
    border: medium none !important;
    float: left;
    margin-bottom: 0 !important;
}

.subscription-form .gform_wrapper .gform_footer {
    margin: 0;
    padding: 0;
}



/*---------------- flash cards css edit 24-9-2014 --------------------*/
.flashcards-score {
    bottom: -103px;
}
.card figure {
    font-size: 60px;
    line-height: 1;
}

.flashcards-parent {
    background: none repeat scroll 0 0 #74818b;
    border-radius: 8px;
}

.flashcards-parent > .col-xs-4,.flashcards-parent > .col-xs-8 {
    display: inline-block;
}

.change-flashcar-viewmode {
    background: #dedede;
    border: 0 none;
    margin: 15px 15px 0 15px;
    padding: 3px;
    font-size: 15px;
}

.flashcards-parent > br {
    display: block;
    margin: 8px;
}

.shuffle-wordlist,
.remove-bookmark {
    background: none repeat scroll 0 0 #ff6b1a;
    border: medium none;
    border-radius: 0 10px;
    color: #fff;
    padding: 5px;
    font-size: 14px;
    min-width:73px;
}

.flashcards_last {
    background: none repeat scroll 0 0 #dedede;
    border-bottom: 5px solid #c4c4c4;
    border-radius: 5px;
    border-right: 5px solid #c4c4c4;
    height: 405px;
    text-align: center;
    border-top: 6px solid #74818b;
}

.flashcards_last a {
    background: none repeat scroll 0 0 #fff;
    font-size: 20px;
    margin: 14% 10px;
}

#countdown {
    display: none;
}

#countUp {
    background: none repeat scroll 0 0 #ff6b1a;
    border-radius: 0 13px;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    line-height: 2;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.ratingblock ,.share {
    display: inline-block;
    margin-right: 20px;
}

.download {
    background: #fff;
    border: 2px solid #ff5a00;
    border-radius: 20px;
    color: #ff5a00;
    font-size: 16px;
    padding: 2px 20px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
}

.download:hover {
    background: #d14335;
    color: #fff;
}

.drill_page .download {
    display: block;
    width: 100%;
padding: 8px 20px;
}
.related_sets li {
    border: 1px solid #dedede;
    padding: 10px;
    min-height: 124px;
    float: left !important;
}

.related_sets li a {
    color: #1a2024;
    float: left;
    font-size: 17px;
    line-height: 24px;
    margin-right: 10px;
}

.related_sets li div a {
    height: 50px;
    overflow: hidden;
}

.related_sets li > div {
    float: left;
    max-width: 190px;
}

.related_sets li > div > span {
    color: #aaa;
    font-size: 16px;
}

.related_sets li > div > span:before {
    content: "\f133";
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    width: 1.5em;
    color: #ff5a00;
}

.related_sets {
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    margin: 0px 0 30px;
    padding: 13px 0 25px;
    position: relative;
}

.related_sets > h2 {
    color: #51626f;
    font-size: 20px;
    margin-bottom: 15px !important;
}

.related_sets > h2:before {
    background: none repeat scroll 0 0 #fd630f;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    width: 12px;
}

.bx-wrapper .bx-controls-direction a {
    top: -24px !important;
}

.bx-wrapper .bx-next {
    right: 0 !important;
}

.bx-wrapper .bx-prev {
    left: inherit !important;
    right: 32px !important;
}

.ratingblock {
    position: relative;
    top: 23px;
}

.hreview-aggregate {
    color: #fd630f;
    display: block;
    font-size: 14px;
    margin-bottom: -7px;
}

.related_sets:after {
    border-bottom: 1px solid #ccc;
    bottom: -4px;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
}

.status-publish.hentry h2 span {
    border-bottom: 5px solid;
    color: #ff5a00;
    display: inline-block;
    font-family: sans-serif;
    font-size: 53px;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 10px 14px;
    padding: 0 14px 10px;
}
.status-publish.hentry h2 span.preview-heading{
    font-size: inherit;
}
#words-game-container + h2 {
    margin-top: 80px;
}

.section-title + h1 {
    font-size: 15px;
    font-weight: 100;
    /* line-height: 1.5; */
    color: #51626f;
    font-family: Lato-Light;
    font-size: 20px;
    float: left;
    line-height: 36px;
}



#featured-products .fourcol-one > ul li:before {
    color: #0a8d0a;
    content: "";
    display: inline-block;
    float: left;
    font-family: FontAwesome;
    margin-left: 17px;
    padding-right: 1px;
}

#featured-products .fourcol-one > ul li >p {
    width: 170px;
    text-align: justify;
    margin-left: 40px;
    margin-bottom: 10px;
    line-height: 1.7;
}

#navigation ul.nav {
    float: left !important;
}

.user_nav {
    float: right;
    font-size: 14px;
    /*    margin-left: 20px;*/
    margin-top: 36px;
    text-transform: uppercase;
}

.user_nav.login a {
    color: #ff5a00;
    /*display: table-caption;*/
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize !important;
    /*width: 44px;*/
    width: 100%;
    margin-top:5px;
}

.user_nav.login > a:last-child {
    background: url("images/Logout.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    border-left: 1px solid;
    display: inline-block;
    float: right;
    font-size: 0;
    height: 20px;
    margin: 4px 4px 4px 18px;
    width: 20px;
}

.user_nav.login img {
    margin-right: 10px;
    margin-top: 1px;
    outline: 2px solid #ff5a00;
}

.user_nav.login {

    background: none repeat scroll 0 0 #f0f0f0;
    margin-top: 35px;
    margin-left: 7px;
    min-width: 120px;
    display: flex;
}

.page-template-user-profile-template-php #main {
    width: 100% !important;
}

.user_profile_header {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    display: table;
    margin-bottom: 30px;
    padding: 5px 5px 15px;
    position: relative;
    width: 100%;
}

.user_profile_header > img {
    border: 3px solid #ff5a00;
    float: left;
}

.twocol-one .languages {
    margin: 0 !important;
    padding: 0;
}

.twocol-one .languages li {
    display: inline-block;
    margin-right: 0px;
}

.twocol-one .languages li a {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #51626f;
    font-size: 14px;
    padding: 4px 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset;
}

.twocol-one .languages li a.active {
    background: #51626f;
    color: #fff;
    border-color: #435461;
}

.links {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

.links a {
    border-right: 1px solid;
    color: #ff5a00;
    font-size: 14px;
    padding: 0 13px;
}

.links a:last-child {
    border: none;
}

.links a:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    margin-left: 9px;
    text-decoration: inherit;
}

.links a:first-child:after {
    content: "\f023";
}

.links a:after {
    content: "\f044";
}

.links a.contact_profile:after {
    content: "\f095";
}

.user_profile_header img + span {
    color: #aaa;
    font-size: 24px;
    line-height: 2.3;
    margin-left: 10px;
    text-transform: capitalize;
}

.twocol-one h1:after {
    display: none !important;
}

.twocol-one h1 {
    font-size: 20px !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.twocol-one h1:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    margin-right: 5px;
    text-decoration: inherit;
    color: #ff5a00;
}

.twocol-one h1:before {
    content: "\f02d";
}

.twocol-one.last h1:before {
    content: "\f0c9";
}

.twocol-one header {
    margin: 0 0 0.5em !important;
}

.lang_container li {
    border: 1px solid #ccc;
    /* font-size: 14px;*/
    margin: 7px 0px 0px 0px;
    padding: 10px 90px 10px 10px;
    position: relative;
}
.inprogress_count {
    background: none repeat scroll 0 0 #32424f;
    color: #fff;
}
.lang_container li .progress{
    background: #f4f4f4;

    box-shadow: 0 0 0 1px #ccc;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    height: 100%;
    line-height: 1.5;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
}

.lang_container li .progress span {
    bottom: 3px;
    font-size: 10px;
    position: absolute;
    right: 10px;
}
.lang_container li.inprogress_count .progress {
    background: #51616e;
}
.lang_container li:hover {
    border-color: #ff5a00;
}

.lang_container li a {
    color: #44525C;
    font-size: 18px;
}
.lang_container li .progress.level1{
    background:#2875ad;
}
.lang_container li .progress.level2{
    background:#3babf7;
}
.lang_container li .progress.level3{
    background:#90c340;
}
.lang_container li .progress.level4{
    background:#f29400;
}

.set_flashcards_Arabic {
    margin: 0;
}

.lang_container ul {
    margin: 40px 0px 0px !important;
}

.flashcards_last + h2 {
    margin-bottom: 20px !important;
    margin-top: 120px;
}



#text-2 {
    color: #888b8d;
}

#text-3 {
    text-align: center;
}

#team-34 h2 a {
    color: #fff;
}

#team-34 h2 a:hover {
    color: #51626f;
    text-decoration: none;
}

#navigation ul.nav li ul a, #navigation ul.nav li ul ul li a {
    padding: 4px 0;
    text-align: center;
}

ul.demo-languages {
    text-align: center;
}

ul.demo-languages li {
    display: inline-block;
    background: none repeat scroll 0 0 #EDEDED;
    border-radius: 130px;
    cursor: pointer;
    height: 130px;
    line-height: 130px;
    width: 130px;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center;
    border-bottom: 3px solid #ff5a00;
    margin-left: 23px;
}

ul.demo-languages li:hover {
    display: inline-block;
    background: none repeat scroll 0 0 rgba(255, 90, 0, 0.16);
    color: #fff;
}

ul.demo-languages li a {
    color: #ff5a00;
}

a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover, .follow-link a:hover, .our-team-author-archive a:hover {
    color: #fff;
    text-decoration: none;
    background: #ff5a00;
}

#comments .nocomments:before {
    color: #ff5a00;
}

#comments .nocomments {
    position: relative;
    margin-bottom: 1.618em;
    font-weight: 500;
    font-size: 1em;
    font-family: 'Raleway', sans-serif;
    background-color: #eee;
    padding: 4px;
}

#comments h3, #respond h3 {
    margin: 0 0 2px;
    border: 0;
    font-size: 20px;
    text-transform: uppercase;
}

#respond #commentform label {
    display: block;
    margin: 0 0 .53em;
    font-size: 16px;
}

#comments {
    display: block;
    width: 100% !important;
    margin-left: 0%;
    margin-right: 03%;
}

#respond {
    display: inline;
    float: left;
    width: 75.5% !important;
    margin-left: 2.083333333333333%;
    margin-right: 2.083333333333333%;
}

#navigation ul.nav li ul a, #navigation ul.nav li ul ul li a {
    padding: 7px 0;
    text-align: center;
}

#navigation ul.nav ul {
    background: none;
    padding: 1.25em 0 0;
    text-transform: capitalize;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 150px;
}

#header-wrapper #navigation ul.nav li.current-menu-item > a, #navigation ul.nav li.current_page_item > a {
    color: #ff5a00 !important;
}

#content {
    min-height: 400px;
}

#content.title_center {
    min-height: 10px !important;
}

.warning-danger {
    text-align: center;
}

.warning-danger > i {
    font-size: 100px;
}

.warning-line {
    font-size: 24px;
    text-align: center;
}

.note-warning {
    text-align: center;
}

table thead th {
    padding: 1px 17px !important;
}

.nobr {
    font-size: 15px !important;
}

table td, table th {
    padding: 3px 7px !important;
    font-size: 16px !important;
}

.starring {
    margin-top: 130px;
}

.flashcards_last a {
    background: none repeat scroll 0 0 #fff;
    font-size: 20px;
    margin: 15px 10px !important;
}

.set_article {
    text-align: center;
    margin-top: 30px;
}

.set_article  a {
    font-size: 27px;
}

.status-publish .threecol-one.last {
    /* border: 1px solid red; */
    -webkit-box-shadow: 0px 10px 33px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 33px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 33px -1px rgba(0, 0, 0, 0.44);
    outline: 1px solid #FF5805;
    outline-offset: 5px;
}

.user_profile_content .progress-bar {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background: #51626f;
    height: 15px;
    width: 50%;
    position: absolute;
    bottom: 26px;
    left: 18px;
    right: 0;
    margin: 0;
    z-index: 100;
}

.user_profile_content .flashcards-score {
    color: #1a2024;
    position: absolute;
    width: 200px;
    left: 0;
    right: 0;
    bottom: -52px;
    z-index: 120;
    font-size: 17px;
    display: inline-block;
}

.user_profile_content .download {
    /*  float: right;
      margin-top: 20px;
      background: none;
      border-radius: 20px;
      color: #ff5a00;
      padding: 0px;*/
    float: right;
    margin-top: 95px;
    position: relative;
    z-index: 2147483647;
}

.user_profile_content .remove-bookmark-word-link {
    position: absolute;
    left: 1px;
    color: #51626f;
    top: 10px;
    /* right: 75px; */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* filter: alpha(opacity=$val*100); */
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    display: block;
    /* width: 48px; */
    left: 10px;
}

.user_profile_content .play-audio {
    position: absolute;
    top: 10px;
    right: 68px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* filter: alpha(opacity=$val*100); */
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    display: block;
    width: 48px;
    height: 39px;
}

.lang_flashcards_last {
    background: none repeat scroll 0 0 #dedede;
    border-bottom: 5px solid #c4c4c4;
    border-radius: 5px;
    border-right: 5px solid #c4c4c4;
    height: 405px;
    text-align: center;
    border-top: 6px solid #74818b;
}

.user_profile_content a.button {
    border: 3px solid #ff5a00;
    color: #ff5a00;
    font-size: 28px;
    font-weight: normal;
    padding: 3px 21px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.user_profile_content a.button:hover {
    color: #fff;
}

th.product-remove {
    width: 4%;
}

th.product-thumbnail {
    width: 8%;
}

th.product-name {
    width: 45%;
}

dd.variation-LanguagesLevel2 {
    float: left;
    margin: 0px;
    font-size: 17px;
}

ul.bulleted {
    margin-left: 0px;
}

.team-members  .team-member img {
    min-height: 85px !important;
    min-width: 85px;
}

td.product-price,td.product-quantity,td.product-subtotal {
    text-align: center !important;
}

th.subscription-status {
    width: 10%;
}

th.subscription-order-number {
    width: 10%;
}

th.subscription-title {
    width: 33%;
}

#header .nav-toggle {
    position: absolute;
    top: 20px;
    left: 1px;
    cursor: pointer;
    z-index: 1000;
}

.loader_div {
    background-color: rgba(0, 0, 0, 0.36);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
}

.loader_div > img {
    margin-left: 50%;
    margin-top: 60%;
}

.lesson-meta li span>span {
    display: none;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
}


.quantity.buttons_added{display:none}


#papers > div {
    position: absolute;
    width:100%;
    height:100%;
}
.slide-content{
    position: relative;
    /* top: 0; */
    width: 100%;
    height: 100%;
    max-width: 1349px;
    margin: 0 auto;
    /* left: 50%; */

}
.wrapper.desktop{display:block}
.wrapper.mobile{display:none}
/*Media QUERIES*/

@media only screen and (min-width : 1200px) and (max-width :2500px) {
    .bxslider_related_sets_mobile_div{display: none}

    #navigation{

        width:68%;

    }
}

@media only screen and (min-width : 1024px) and (max-width :1200px) {
    .bxslider_related_sets_mobile_div{display: none}
    #header-wrapper #navigation .menus {
        /*  float: left;
          margin-left: -123px;*/
        width:81%;
    }

    #featured-products .fourcol-one {
        margin-right: 5px;
        padding-right: 23px;
        min-height: 378px;
    }

    #featured-products .fourcol-one.last {
        margin-right: 0%;
        padding-right: 23px;
        min-height: 378px;
    }

    ul.footer_menu li {
        display: inline-block;
        padding: 0px 60px;
        font-size: 20px;
        border-right: 2px solid #ff5a00;
        margin-bottom: 30px;
    };
}


@media only screen and (min-width : 768px)and (max-width :1024px) {

    .bxslider_related_sets_mobile_div{display: none}
    #navigation ul.nav li a {
        border-bottom: 1px solid #515459;
        border-top: 1px solid #6a6d72;
        color: #a6a9ae;
        -webkit-tap-highlight-color: #f36557;
        text-shadow: 0 -1px 0 #515459;
    }
    .home-section header.section-title .sub_header {

        text-align: center;

    }



    #navigation ul.nav {
        float: left !important;
        width: 80%;
    }
    .hentry .post-meta li {
        list-style: none;
        margin: 0px 11px 11px;
        float: left;
    }
    .flashcards_container a {
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7)

    }

    ul.order_details li {
        float: left;
        padding: 1em 1.618em;
        border-right: 0px solid #e6e6e6;
        font-size: .8em;
        text-transform: uppercase;
        color: #d9dce1;
        width: 100%;
    }

    .menus {
        width: 65%;
    }

    #header-wrapper #navigation {
        width: 100%;
    }

    #header-wrapper #navigation .menus {
        float: left;
    }

    .slide-content >p {
        display: inline-block;
        position: absolute;
        left: 18.5%;
        bottom: 15%;
    }

    .slide-content >p {
        display: inline-block;
        position: absolute;
        left: 17.5%;
        bottom: 9%;
    }

    .slide-content > p >a {
        color: #fff;
        background: #ff5a00;
        padding: 1px;
        width: 90px;
        display: block;
        font-size: 10px;
        text-align: center;
        border-radius: 27px;
        border: 1px solid;
        text-transform: uppercase;
    }

    #featured-products .fourcol-one {
        margin-right: 20px;
        width: 45%;
        min-height: 378px;
    }

    #wrapper #all_languages .sixcol-one {
        margin-bottom: 20px;
        width: 20%;
        text-align: center;
    }

    ul.footer_menu li {
        display: inline-block;
        padding: 0px 42px;
        font-size: 20px;
        border-right: 2px solid #ff5a00;
        margin-bottom: 30px;
    }

    .slide-content > p >a {
        color: #fff;
        background: #ff5a00;
        /* padding: 6px; */
        width: 98px !important;
        display: block;
        font-size: 10px !important;
        text-align: center;
        border-radius: 14px;
        border: 1px solid;
        text-transform: uppercase;
    }

    .slide-content >p {
        display: inline-block;
        position: absolute;
        left: 23% !important;

    }

    #wrapper .bx-wrapper .bx-pager.bx-default-pager a {
        background: url(images/slider_off.png);
        height: auto;
        width: 22px;
        border-radius: 0px;
        margin: 0px 6px;
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);

        margin-top: 49px;
    }

    .slide-content > p >a {
        color: #fff;
        background: #ff5a00;
        padding: 0px 3px 0px 3px;
        width: 100px;
        display: block;
        font-size: 7px;
        text-align: center;
        border-radius: 27px;
        border: 2px solid;
        text-transform: uppercase;
        /* bottom: -16px; */
    }

    .slide-content >p {
        display: inline-block;
        position: absolute;
        left: 18.5%;
        bottom: 6%;
    }

    #header #logo {
        padding: 24px 0px 14px 30px;
    }

    #testimonials .slide-nav ul li {
        display: inline-block;
        margin: 0px 10px 1em 0;
    }
    .details{width:700px}

    input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email], input[type=password] {
        /* padding: .618em; */
        border: 0;
        font-size: 1em;
        line-height: 1.618em;
        font-family: inherit;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #6b6e72;
        background: #f5f5f4;
        width: 100%;
    }

    #menu-footer-menu li {
        width: 29%;
    }
    #menu-footer-menu li:last-child a {
        border-right: 1px solid #ff5a00;
    }
    #menu-footer-menu li a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: right;
    }
}
@media only screen and (max-width: 840px) {
    .home-section header.section-title .sub_header {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }
}

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

    .bxslider_related_sets_mobile_div{display: none}
    .bxslider_related_sets_div{display:block}

    .hentry .post-meta li {
        list-style: none;
        margin: 0px 11px 11px;
        float: left;
    }
    .details{width:700px}

    #wrapper .wrapper {
        max-width: 1070px;
    }



    #header-wrapper #navigation ul.nav > li {
        margin: 0 .837em !important;
        padding: 33px 0px 0px 0px;
        border-bottom: none;
        border-top: 5px solid transparent;
    }

    #header-wrapper #navigation ul.nav > li:hover {
        border-top: 5px solid #ff5a00;
        background-size: 7px;
    }

    #header-wrapper #navigation ul.nav li a {
        padding-bottom: 18px;
    }

    #header-wrapper #navigation ul.nav li a:hover {
        color: #51626f !important;
    }

    #header-wrapper #navigation ul.nav li.current-menu-item, #navigation ul.nav li.current_page_item {
        border-top: 5px solid #ff5a00;
    }

    #header-wrapper #navigation ul.nav li.current-menu-item > a, #navigation ul.nav li.current_page_item > a {
        color: #51626f !important;
    }

    #wrapper .homepage #main {
        width: 100%;
        margin: 0px;
    }

    #intro-message {
        padding: 0px;
        background: #ff5a00;
    }
    #navigation ul.nav li a {
        border-bottom: 1px solid #515459;
        border-top: 1px solid #6a6d72;
        color: #a6a9ae;
        -webkit-tap-highlight-color: #f36557;
        text-shadow: 0 -1px 0 #515459;
    }



    #navigation ul.nav {
        float: left !important;

    }
    body #main.fullwidth, .layout-full #main, #main.full-width, .breadcrumb {
        width: 98%;
    };
    .flashcards_container>h2{display: inline-block;
                             font-family: sans-serif;
                             font-size: 26px;
                             font-weight: bold;
                             margin-bottom: 0px;
                             padding: 8px 14px;}
}

@media only screen and (max-width :520px) {
    .user_profile_header .links {
        text-align: right;
        right: 26px;
        top: 15px;
    }
    .user_profile_header .links a {
        display: inline-block;
        width: 100%;
    }
}

@media only screen and (min-width :480px)and (max-width :767px) {
    .wrapper.desktop{display:none}
    .wrapper.mobile{display:block}

    .flashcards_container>h2{display: inline-block;
                             font-family: sans-serif;
                             font-size: 26px;
                             font-weight: bold;
                             margin-bottom: 0px;
                             padding: 8px 14px;}
    table {
        overflow-x: auto;
        display: block;
    }

    .ps-nav {
        bottom: 35px;
    }

    .ps-nav-prev {
        right: 55px;
    }

    .progress-bar {
        bottom: -25px;
    }

    .flashcards-parent {
        height: 60%;
    }

    .card .front span,
    .card .back span {
        font-size: 32px;
        margin-top: 85px !important;
    }

    .card figure.back {
        top: 0px;
    }

    .flashcards_last + h2 {
        margin-top: 0px;
    }

    .user_nav.login {
        background: none repeat scroll 0 0 #f0f0f0;
        margin-top: -155%;
        margin-left: 7px;
        margin-right: 18%;
        position: absolute;
    }

    #navigation h3 {

        padding: 10px 1em;

    }
    #navigation ul.nav ul {
        background: none;
        padding: 1.25em 0 0;
        text-transform: capitalize;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;}

    .bx-wrapper {
        max-width: 100%;
        margin: 0px auto;
    }

    .bxslider_related_sets_mobile_div{display: block}
    .bxslider_related_sets_div{display:none}
    .hentry .post-meta li {
        list-style: none;
        margin: 0px 11px 11px;
        float: left;
    }
    .flashcards_container a {
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    .bx-wrapper .bx-pager {
        text-align: right;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
    }

    .bx-pager a{color:transparent;}

    #navigation ul.nav li a {
        border-bottom: 1px solid #515459;
        border-top: 1px solid #6a6d72;
        color: #a6a9ae;
        -webkit-tap-highlight-color: #f36557;
        text-shadow: 0 -1px 0 #515459;
    }

    #header-wrapper #navigation ul.nav > li {
        padding:0px;
        border-bottom: medium none;
        border-top: 5px solid transparent;
    }

    #navigation ul.nav {
        float: left !important;
        width: 100%;
    }

    .subscription-form #gform_submit_button_1 {

        bottom: 13px;
        text-transform: uppercase;
        top: inherit;

        text-align: center;
    }
    .all_subscriptions li {
        display: block;
    }
    .details{width:700px}

    .slide-content > p >a {
        color: #fff;
        background: #ff5a00;
        padding: 0px 3px 0px 3px;
        width: 100px;
        display: block;
        font-size: 7px;
        text-align: center;
        border-radius: 27px;
        border: 2px solid;
        text-transform: uppercase;
        position: absolute;
        bottom: -16px;
    }

    .slide-content >p {
        display: inline-block;
        position: absolute;
        left: 18.5%;
        bottom: 1%;
    }

    #header #logo {
        padding: 24px 0px 14px 30px;
    }

    #testimonials .slide-nav ul li {
        display: inline-block;
        margin: 0px 10px 1em 0;
    }

    #all_languages .textwidget {
        margin-bottom: 1.5%;
        margin-left: 1.5%;
        width: 100%;
    }

    ul.order_details li {
        float: left;
        padding: 1em 1.618em;
        border-right: 0px solid #e6e6e6;
        font-size: .8em;
        text-transform: uppercase;
        color: #d9dce1;
        width: 100%;
    }

    #navigation ul.nav {
        float: none !important;
    }

    #wrapper .language_select, #min_width {
        line-height: 1;
    }

    #wrapper #all_languages .sixcol-one {
        margin-bottom: 20px;
        width: 3%;
        text-align: center;
        width: 47% !important;
    }

    #featured-products .fourcol-one {
        width: 100%;
        min-height: 378px;
    }

    ul.footer_menu li {
        display: inline-block;
        padding: 0px 16px;
        font-size: 20px;
        border-right: 2px solid #ff5a00;
        margin-bottom: 30px;
    }

    #footer-widgets .col-3 .block {
        display: inline;
        float: left;
        width: 28.166666666666668%;
        margin-left: 2.083333333333333%;
        margin-right: 2.083333333333333%;
        padding-top: 11px;
        /*height: 23px;*/
        width: 100%;
        text-align: center;
    }

    #menu-footer-menu li {
        width: 49%;
        text-align: right;
    }
    #menu-footer-menu li:last-child a {
        border-right: 1px solid #ff5a00;
    }
    #menu-footer-menu li a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: right;
    }

    .footer_social li {
        width: 29%;
    }

    #menu-footer-menu li,
    .footer_social li {
        margin: 0 !important;
    }

    #footer-widgets .widget {
        margin-bottom: 0px;
    }

    #menu-footer-menu {
        text-align: center;
    }

    input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email], input[type=password] {
        /* padding: .618em; */
        border: 0;
        font-size: 1em;
        line-height: 1.618em;
        font-family: inherit;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #6b6e72;
        background: #f5f5f4;
        width: 100%;
    }

    a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button, #wrapper .woo-sc-button, .follow-link a, .our-team-author-archive a {
        border: 3px solid #ff5a00;
        color: #ff5a00;
        font-size: 16px;
        font-weight: normal;
        padding: 0px 21px;
        text-transform: capitalize;
        margin-top: 7px;
    }

    .download {
        background: none repeat scroll 0 0 #ff5a00;
        border-radius: 20px;
        color: #fff;
        font-size: 13px;
        padding: 0px 7px;
        width: 137px;
        display: block;
        margin-top: 13px;
    }

    .related_sets li {
        border: 1px solid #dedede;
        padding: 10px;
        width: 360px !important;
    }

    .change-flashcar-viewmode {
        background: none repeat scroll 0 0 #dedede;
        border: 0 none;
        margin: 15px 15px 0 15px;
        padding: 3px;
        width: 325px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .flashcards-score {
        color: #1a2024;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -60px;
        z-index: 120;
        font-size: 16px;
        margin-left: 20px;
    }

    #header-wrapper #navigation ul.nav > li {
        border-bottom: none;
        border-top: 5px solid transparent;
    }

    #header .nav-toggle:after {
        font-family: "FontAwesome";
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        speak: none;
        display: inline-block;
        text-align: right;
        line-height: 1;
        content: "\f0c9";
        background: #595755;
        color: #ffffff;
        height: 1.5em;
        width: 1.5em;
        text-align: center;
        line-height: 1.5;
        font-size: 1.387em;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-left: 19px;
        margin-top: 4px;
        /* padding: 2px; */;
    };
    #breadcrumbs {
        display: table;
        width: 100%;
        margin: 0px;
        padding: 4px 0px;
        margin-bottom: 25px;
        background: #f5f5f4;
        border-bottom: 0.09em solid #ebebeb;
    }

    body #wrapper .entry, body #wrapper .entry p {
        font: 300 14px/1.5em 'Lato', arial, sans-serif !important;
        color: #3E3E3E!important;
        position: relative;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .wrapper.desktop{display:none}
    .wrapper.mobile{display:block}
    .slide-content > p  {
        position: relative;
    }
    .slide-content > p >a {
        top: 34px;
        position: absolute
    }
    .flashcards_container>h2{display: inline-block;
                             font-family: sans-serif;
                             font-size: 26px;
                             font-weight: bold;
                             margin-bottom: 0px;
                             padding: 8px 14px;}
}
@media only screen and (min-width :320px)and (max-width :478px) {
    .user_nav {
        float: left;
        font-size: 17px;
        margin-left: 20%;
        margin-top: 36px;
        text-transform: uppercase;
    }

    .wrapper.desktop{display:none}
    .wrapper.mobile{display:block}
    table td, table th {
        padding: 1px 4px !important;
        font-size: 14px !important;
    }

    body #wrapper .entry, body #wrapper .entry p {
        font: 300 14px/1.5em 'Lato', arial, sans-serif !important;
        color: #3E3E3E!important;
    }

    #header #logo { padding-left: 15px; }
    .user_nav.login {
        background: none repeat scroll 0 0 #f0f0f0;
        margin-top: -36px;
        margin-left: 7px;
        margin-right: 18%;
        position: absolute;
        width: 92%;
    }

    #navigation h3 {

        padding: 10px 1em;
    }
    .bx-wrapper {
        max-width: 100%;
        margin: 0px auto;
    }
    .hentry .post-meta li {
        list-style: none;
        margin: 0px 11px 11px;
        float: left;
    }
    .flashcards_container a {
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    .flashcards-parent {
        background: none repeat scroll 0 0 #74818b;
        border-radius: 8px;
        text-align: center;
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -11px;
        width: 100%;
    }
    .bxslider_related_sets_mobile_div{display: block}
    .bxslider_related_sets_div{display:none}

    .bx-wrapper .bx-pager {
        text-align: right;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
    }

    .bx-pager a{color: transparent;}


    .subscription-form #gform_submit_button_1 {
        bottom: 13px;

        text-transform: uppercase;
        top: inherit;
        text-align: center;
    }

    .slide-content > p  {
        position: relative;
    }
    .slide-content > p >a {
        color: #fff;
        background: #ff5a00;
        padding: 0px;
        width: 84px;
        display: block;
        font-size: 10px;
        text-align: center;
        border-radius: 14px;
        border: 1px solid;
        text-transform: uppercase;
        position: absolute;
        top: 85%;
        padding: 0px 0px !important;
    }


    #header-wrapper #navigation ul.nav > li {
        border-bottom: none;
        border-top: 5px solid transparent;
    }

    #header .nav-toggle:after {
        font-family: "FontAwesome";
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        speak: none;
        display: inline-block;
        text-align: right;
        line-height: 1;
        content: "\f0c9";
        background: #595755;
        color: #ffffff;
        height: 1.5em;
        width: 1.5em;
        text-align: center;
        line-height: 1.5;
        font-size: 1.387em;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-left:  19px;
        margin-top: 4px;
        /* padding: 2px; */;
    }

    #header-wrapper #navigation ul.nav > li {
        border-bottom: none;
        border-top: 5px solid transparent;
    }

    a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button, #wrapper .woo-sc-button, .follow-link a, .our-team-author-archive a {
        border: 3px solid #ff5a00;
        color: #ff5a00;
        font-size: 16px;
        font-weight: normal;
        padding: 0px 21px;
        text-transform: capitalize;
        margin-top: 7px;
    }

    .download {
        background: none repeat scroll 0 0 #ff5a00;
        border-radius: 20px;
        color: #fff;
        font-size: 13px;
        padding: 0px 7px;
        width: 137px;
        display: block;
        margin-top: 13px;
    }


    .related_sets li {
        border: 1px solid #dedede;
        width: 200px;
        text-align: center;
        padding: 10px;
    }

    .related_sets li > div {
        display: inline-block;
        width: 100%;
    }

    .related_sets li > div > span {
        display: inline-block;
        font-size: 11px;
        width: 100%;
    }

    .related_sets li a {
        display: inline-block;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .flashcards-score {
        color: #1a2024;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -68px;
        z-index: 120;
        font-size: 16px;
        margin-left: 20px;
    }

    .ps-nav-next {
        right: 45px;
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    .ps-nav {
        display: block;
        width: 53px;
        height: 55px;
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        position: absolute !important;
        -webkit-transition: background-image 1s ease-in-out;
        -moz-transition: background-image 1s ease-in-out;
        -ms-transition: background-image 1s ease-in-out;
        -o-transition: background-image 1s ease-in-out;
        transition: background-image 1s ease-in-out;
        bottom: 35px;
    }

    .card .front {
        background: #dedede;
        color: #000;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        border-right: 4px solid #c4c4c4;
        border-bottom: 4px solid #c4c4c4;
        max-height: 360px;
    }

    .change-flashcar-viewmode {
        background: none repeat scroll 0 0 #dedede;
        border: 0 none;
        margin: 15px 15px 0 15px;
        padding: 3px;
        width: 225px !important;
        margin-bottom: 7px !important;
    }

    ul.order_details li {
        float: left;
        padding: 1em 1.618em;
        border-right: 0px solid #e6e6e6;
        font-size: .8em;
        text-transform: uppercase;
        color: #d9dce1;
        width: 100%;
    }

    #footer-widgets .col-3 .block {
        display: inline;
        float: left;
        width: 28.166666666666668%;
        margin-left: 2.083333333333333%;
        margin-right: 2.083333333333333%;
        padding-top: 11px;
        /*height: 23px;*/
        width: 100%;
        text-align: center;
    }

    #menu-footer-menu {
        margin-bottom: 10px;
    }
    #menu-footer-menu li {

        text-align: left;
        padding: 0 !important;
    }
    #menu-footer-menu li:last-child a {
        border-right: 1px solid #ff5a00;
    }
    #menu-footer-menu li a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: right;
    }

    .footer_social li {
        width: 45%;
    }

    #menu-footer-menu li,
    .footer_social li {
        margin: 0 !important;
    }

    .team-categories {
        margin: 0 auto;
        display: table;
        list-style: none;
        background: #fff;
        padding: 5px 7px;
        border: 1px solid #ff5a00;
        clear: both;
    }

    #footer-widgets .widget {
        margin-bottom: 0px;
    }

    #menu-footer-menu {
        text-align: center;
    }



    .slide-content >p {
        display: inline-block;
        position: absolute;
        left: 21.5%;
        bottom: -9%;
    }

    #wrapper .bx-wrapper .bx-pager.bx-default-pager a {
        background: url(images/slider_off.png);
        height: 8px;
        width: 8px;
        border-radius: 0px;
        /* margin: 0px 6px 2px 0px; */
        /* left: 41px; */;
    }

    body #wrapper .title_center header h1 {
        color: #fefefe !important;
        text-transform: uppercase;
        text-align: center;
        font-family: Lato-Light;
        font-size: 23px;
        margin: 0px;
        padding: 30px 0px;
        font-weight: normal;
    }
    #footer-widgets .widget ul {
        list-style: none;
        padding-bottom: 0px !important;
        margin-bottom: 0px;
    }
    ul.footer_menu li {
        display: inline-block;
        padding: 0px;
        font-size: 15px;
        border-right: 0px;

        margin-bottom: 6px;
        width: 100%;
    }

    input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email], input[type=password] {
        padding: 0px;
        border: 0;
        font-size: 1em;
        line-height: 1.618em;
        font-family: inherit;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #6b6e72;
        background: #f5f5f4;
        width: 100%;
    }

    ul.footer_menu li:first-child {
        text-align: center;
    }

    ul.footer_menu li:last-child {
        text-align: right;
        border-bottom: none;
    }

    #footer-widgets .col-3 .block {
        display: block;
        width: 28.166666666666668%;
        margin-left: 2.083333333333333%;
        margin-right: 2.083333333333333%;
        padding-top: 7px;
        height: auto;
        width: 100%;
    };



    #header a img { -moz-transform: scale(0.9) !important;
                    -ms-transform: scale(0.9) !important;
                    -o-transform: scale(0.9) !important;
                    -webkit-transform: scale(0.9) !important;
                    transform: scale(0.9) !important;
                    text-align: left;
                    margin-left: -12px;
                    margin-top: -6px;}

    #wrapper #all_languages {
        padding: 0px 0px 0px;

    }

    ul.footer_menu li:last-child {
        text-align: center;
        border-bottom: none;
    }

    .slide-content > p >a {
        color: #fff;
        background: #ff5a00;
        padding: 0px;
        width: 114px;
        display: block;
        font-size: 8px;
        text-align: center;
        border-radius: 14px;
        border: 1px solid;
        text-transform: uppercase;
    }

    .slide-content >p {
        display: inline-block;
        position: absolute;
        left: 12.5%;
        bottom: -8%;
    }
    #header a >img{-webkit-transform: scale(.8) !important;
                   -moz-transform: scale(.8) !important;
                   -ms-transform: scale(.8) !important;
                   transform: scale(.8) !important;
                   margin-top: -8px;
    }

    .all_subscriptions li {
        display: block;
    }

    #navigation ul.nav li a {
        border-bottom: 1px solid #515459;
        border-top: 1px solid #6a6d72;
        color: #a6a9ae;
        -webkit-tap-highlight-color: #f36557;
        text-shadow: 0 -1px 0 #515459;
    }

    #header-wrapper #navigation ul.nav > li {
        padding:0px;
        border-bottom: medium none;
        border-top: 5px solid transparent;
    }

    #navigation ul.nav {
        float: left !important;
        width: 100% !important;
    }

    .hentry .entry ul, .hentry .entry ol {
        margin-left:0em !important;
    }

    #all_languages .textwidget {
        #all_languages .textwidget {
            float: left;
            margin-bottom: 4.5%;
            width: 49%;
            margin-left: 25.5%;
            height: 100%;
        }
    }
    #wrapper .type-set.status-publish.hentry img {
        box-shadow: 0px 10px 33px -1px rgba(0, 0, 0, 0.44);
        outline: 1px solid #FF5805;
        outline-offset: 2px;
        width: 100%;
    }
    #footer {
        padding: 12px 0px 0px 0px;
        border-bottom: 2px solid #51626f;
    }
    body #wrapper .entry, body #wrapper .entry p {
        font: 300 17px/1.5em 'Lato', arial, sans-serif;
        color: #3E3E3E!important;
    }

    body.woocommerce-checkout #wrapper .entry, body.woocommerce-checkout #wrapper .entry p {
        font: normal 20px/1.5em 'Lato', arial, sans-serif !important;
    }

    .breadcrumb-trail {
        font-size: 13px !important;
    }
    #breadcrumbs {

        padding: 3px 0px;

    }
    table {
        overflow-x: auto;
        display: block;
    }

    .ratingblock {
        display: inline-block;
        width: 100%;
        margin: 0 0 30px 0;
    }

    .flashcards-parent {
        height: 70%;
    }

    .card .front span,
    .card .back span {
        font-size: 32px;
        margin-top: 85px !important;
    }

    .play-audio {left: 20%;}
    .bookmark-word {left: 40%;}
    .favorite-word {left: 60%;}

    .flashcards_last + h2 {
        margin-top: 0;
    }
}

@media only screen and (min-width :0px)and (max-width :320px) {
    .wrapper.desktop{display:none}
    .wrapper.mobile{display:block}
    table.cart .actions .button {
        width: 60% !important;
    }
    .user_profile_content .play-audio {
        left: 160px;
    }
    .user_profile_content .favorite-word {
        left: 195px;
    }
    .user_profile_header img {
        margin: 5% 0%;
    }
    .user_profile_header span.profile_user_name {
        display: inline-block;
        width: 100%;
        top: 10px;
        position: relative;
        padding-left: 0px;
    }

    .languages {
        display: inline-block;
        width: 100%;
    }
    .languages li {
        width: 100%;
    }
    .languages li a {
        display: inline-block;
        width: 100%;
        padding: 5px !important;
    }

    a.download {
        position: relative;
        top: 3px;
        display: inline-block;
        width: 75%;
        font-size: 16px;
        margin: 10px 0;
        padding: 6px 3px;
        text-align: center;
        font-size: 15px;
        left: 0px;
    }
    body #wrapper .entry, body #wrapper .entry p {
        font: 300 14px/1.5em 'Lato', arial, sans-serif !important;
        color: #3E3E3E!important;
    }
    table td, table th {
        padding: 1px 4px !important;
        font-size: 14px !important;
    }

    table {
        overflow-x: auto;
        display: block;
    }

    .flashcards-parent {
        height: 70%;
    }

    .card .front span,
    .card .back span {
        font-size: 32px;
        margin-top: 85px !important;
    }

    .play-audio {left: 20%;}
    .bookmark-word {left: 40%;}
    .favorite-word {left: 60%;}

    .flashcards_last + h2 {
        margin-top: 0;
    }

    #words-game-container {
        margin-top: -20px !important;
    }

    .breadcrumb-trail {
        font-size: 13px !important;
    }
    #breadcrumbs {

        padding: 3px 0px;

    }

    body #wrapper .entry, body #wrapper .entry p {
        font: 300 17px/1.5em 'Lato', arial, sans-serif;
        color: #3E3E3E!important;
    }
    #footer-widgets .widget ul {
        list-style: none;
        padding-bottom: 0px !important;
        margin-bottom: 10px;
    }
    #footer-widgets .widget #menu-footer-menu {
        line-height: 3px;
    }
    #footer-widgets .widget #menu-footer-menu li {
        border-right: 1px solid #51626f;
        margin-right: 2px;
        padding-right: 4px;
    }
    #footer-widgets .widget #menu-footer-menu li:last-child {
        border-right: none;
    }
    #footer {
        padding: 12px 0px 0px 0px;
        border-bottom: 2px solid #51626f;
    }
    .bx-wrapper {
        max-width: 100%;
        margin: 0px auto;
    }

    #wrapper .type-set.status-publish.hentry img {
        box-shadow: 0px 10px 33px -1px rgba(0, 0, 0, 0.44);
        outline: 1px solid #FF5805;
        outline-offset: 2px;
        width: 100%;
    }
    #header-wrapper >.wrapper {
        width: inherit;
        padding: 0 10px;
    }
    .bxslider_related_sets_mobile_div{display: block}
    .bxslider_related_sets_div{display:none}
    .status-publish header h1 {
        margin-bottom: 26px;
        font-size: 24px;
    }

    /*    #wrapper .entry p {
            font: 300 15px/1.3em "Lato",arial,sans-serif !important;
            color: #3E3E3E!important;

            text-align: justify;
        }*/

    a.report{margin-bottom: 10px}

    .flashcards-parent {
        background: none repeat scroll 0 0 #74818b;
        border-radius: 8px;
        text-align: center;
    }
    .flashcards_container a {
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    .flashcards-parent a {
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
    .play-audio {

        right: 112px;}

    .favorite-word {

        right: 37px;}

    .words-game a {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
        display: block;
        width: 186px;
        height: 39px;
    }

    .progress-bar {
        border-radius: 4px;
        background: none repeat scroll 0% 0% #51626F;
        height: 15px;
        width: 81%;
        position: absolute;
        bottom: 0px;
        left: 18px;
        right: 0px;
        margin: 0px;
        z-index: 100;
    }

    .ps-nav {
        display: block;
        width: 53px;
        height: 55px;
        position: absolute;
        transition: background-image 1s ease-in-out 0s;
        bottom: 35px;
        -moz-transform: scale(0.5) !important;
        -ms-transform: scale(0.5) !important;
        -o-transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
    }

    .ps-nav-prev {
        right: 75px;
    }

    .card .front {
        background: none repeat scroll 0% 0% #DEDEDE;
        color: #000;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-right: 4px solid #C4C4C4;
        border-bottom: 4px solid #C4C4C4;
        max-height: 400px;
    }

    .status-publish.hentry h2 span {
        border-bottom: 0px solid;
        color: #ff5a00;
        display: inline-block;
        font-family: sans-serif;
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 8px;
        padding: 10px 14px;
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }


    .bx-wrapper .bx-pager {
        text-align: right;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
    }


    .bx-pager a{color: transparent;}

    .subscription-form #gform_submit_button_1 {
        bottom: 13px;
        text-transform: uppercase;
        top: inherit;
        text-align: center;
    }
    .all_subscriptions li {
        display: block;
    }

    #header a >img{transform: scale(.8) !important;
                   -moz-transform: scale(0.8) !important;
                   -ms-transform: scale(0.8) !important;
                   -o-transform: scale(0.8) !important;
                   -webkit-transform: scale(0.8) !important;
                   transform: scale(0.8) !important;
                   margin-top: -8px;
                   margin-left: 16px;
    }
    .related_sets li {
        border: 1px solid #dedede;
        padding: 10px;
        width: 117px !important;
    }
    #navigation ul.nav {
        float: none !important;
    }

    #navigation ul.nav li a {
        border-bottom: 1px solid #515459;
        border-top: 1px solid #6a6d72;
        color: #a6a9ae;
        -webkit-tap-highlight-color: #f36557;
        text-shadow: 0 -1px 0 #515459;
    }

    #header-wrapper #navigation ul.nav > li {
        padding:0px;
        border-bottom: medium none;
        border-top: 5px solid transparent;
    }

    #navigation ul.nav {
        float: left !important;
        width: 100%;
    }

    #wrapper #all_languages {
        padding: 0px 30px 0px;

    }

    #header-wrapper #navigation ul.nav > li {
        border-bottom: none;
        border-top: 5px solid transparent;
    }

    #header .nav-toggle:after {
        font-family: "FontAwesome";
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        speak: none;
        display: inline-block;
        text-align: right;
        line-height: 1;
        content: "\f0c9";
        background: #595755;
        color: #ffffff;
        height: 1.5em;
        width: 1.5em;
        text-align: center;
        line-height: 1.5;
        font-size: 1.387em;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-left:  19px;
        margin-top: 4px;
        /* padding: 2px; */;
    }


    #header-wrapper #navigation ul.nav > li {
        border-bottom: none;
        border-top: 5px solid transparent;
    }

    #header .nav-toggle:after {
        font-family: "FontAwesome";
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        speak: none;
        display: inline-block;
        text-align: right;
        line-height: 1;
        content: "\f0c9";
        background: #595755;
        color: #ffffff;
        height: 1.5em;
        width: 1.5em;
        text-align: center;
        line-height: 1.5;
        font-size: 1.387em;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-left:  19px;
        margin-top: 4px;
        /* padding: 2px; */;
    }

    #header-wrapper #navigation ul.nav > li {
        border-bottom: none;
        border-top: 5px solid transparent;
    }

    .related_sets li {
        border: 1px solid #dedede;
        padding: 10px;
        width: 360px;
        width: 198px;
        text-align: center;
    }

    a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button, #wrapper .woo-sc-button, .follow-link a, .our-team-author-archive a {
        border: 3px solid #ff5a00;
        color: #ff5a00;
        font-size: 16px;
        font-weight: normal;
        padding: 0px 21px;
        text-transform: capitalize;
        margin-top: 7px;
    }

    .download {
        background: none repeat scroll 0 0 #ff5a00;
        border-radius: 20px;
        color: #fff;
        font-size: 13px;
        padding: 0px 7px;
        width: 137px;
        display: block;
        margin-top: 13px;
    }

    .related_sets li {
        border: 1px solid #dedede;
        padding: 10px;
        width: 360px;
    }

    .flashcards-score {
        color: #1a2024;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -78px;
        z-index: 120;
        font-size: 15px;
        margin-left: 0px;
    }

    .ps-nav-next {

        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    .ps-nav {
        display: block;
        width: 53px;
        height: 55px;
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        position: absolute;
        -webkit-transition: background-image 1s ease-in-out;
        -moz-transition: background-image 1s ease-in-out;
        -ms-transition: background-image 1s ease-in-out;
        -o-transition: background-image 1s ease-in-out;
        transition: background-image 1s ease-in-out;
        bottom: 35px;
    }

    .change-flashcar-viewmode {
        background: none repeat scroll 0 0 #dedede;
        border: 0 none;
        margin: 10px 5px 0;
        padding: 3px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 87% !important;
        margin-bottom: 7px !important;
    }

    #navigation ul.nav ul {
        background: none;
        padding: 1.25em 0 0;
        text-transform: capitalize;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    ul.order_details li {
        float: left;
        padding: 1em 1.618em;
        border-right: 0px solid #e6e6e6;
        font-size: .8em;
        text-transform: uppercase;
        color: #d9dce1;
        width: 100%;
    }

    #footer-widgets .col-3 .block {
        display: inline;
        float: left;
        width: 28.166666666666668%;
        margin-left: 2.083333333333333%;
        margin-right: 2.083333333333333%;
        padding-top: 11px;
        /*height: 23px;*/
        width: 100%;
        text-align: center;
    }

    #menu-footer-menu {
        margin-bottom: 10px;
    }
    #menu-footer-menu li {
        border-right: none !important;
        line-height: 15px;
        text-align: left;
        padding: 0 !important;
        float: left;
    }
    #menu-footer-menu li:last-child a {
        border-right: 1px solid #ff5a00;
    }
    #menu-footer-menu li a {
        display: inline-block;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: right;
    }

    .footer_social li {
        width: 45%;
    }

    #menu-footer-menu li,
    .footer_social li {
        margin: 0 !important;
    }

    .team-categories {
        margin: 0 auto;
        display: table;
        list-style: none;
        background: #fff;
        padding: 5px 7px;
        border: 1px solid #ff5a00;
        clear: both;
    }

    #footer-widgets .widget {
        margin-bottom: 0px;
    }

    #menu-footer-menu {
        text-align: center;
    }



    .slide-content >p {
        display: inline-block;
        position: absolute;
        left: 21.5%;
        bottom: -9%;
    }

    #wrapper .bx-wrapper .bx-pager.bx-default-pager a {
        background: url(images/slider_off.png);
        height: 8px;
        width: 8px;
        border-radius: 0px;
        /* margin: 0px 6px 2px 0px; */
        /* left: 41px; */;
    }

    body #wrapper .title_center header h1 {
        color: #fefefe !important;
        text-transform: uppercase;
        text-align: center;
        font-family: Lato-Light;
        font-size: 23px;
        margin: 0px;
        padding: 30px 0px;
        font-weight: normal;
    }

    ul.footer_menu li {
        display: inline-block;
        padding: 0px;
        font-size: 15px;
        border-right: 0px;

        margin-bottom: 6px;
        width: 100%;
    }

    input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email], input[type=password] {
        padding: 0px;
        border: 0;
        font-size: 1em;
        line-height: 1.618em;
        font-family: inherit;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #6b6e72;
        background: #f5f5f4;
        width: 100%;
    }

    ul.footer_menu li:first-child {
        text-align: center;
    }

    ul.footer_menu li:last-child {
        text-align: right;
        border-bottom: none;
    }
    #footer-widgets .col-3 .block.footer-widget-3 {
        width: 100% !important;
    }

    .home.blog #header-wrapper {
        margin: 0;
        min-height: 20px;
    }

    #footer-widgets .col-3 .block {
        display: block;
        width: 28.166666666666668%;
        margin-left: 2.083333333333333%;
        margin-right: 2.083333333333333%;
        padding-top: 7px;
        height: auto;
        width: 100% !important;
        display: block;
    };



    #header a img {
        -moz-transform: scale(0.9) !important;
        -ms-transform: scale(0.9) !important;
        -o-transform: scale(0.9) !important;
        -webkit-transform: scale(0.9) !important;
        transform: scale(0.9) !important;
        text-align: left;
        margin-left: -12px;
        margin-top: -6px;}

    #wrapper #all_languages {
        padding: 0px 0px 0px;

    }

    ul.footer_menu li:last-child {
        text-align: center;
        border-bottom: none;
    }

    /*.slide-content > p >a {
        color: #fff;
        background: #ff5a00;
        padding: 0px;
        width: 84px;
        display: block;
        font-size: 10px;
        text-align: center;
        border-radius: 14px;
        border: 1px solid;
        text-transform: uppercase;
    }*/

    .slide-content > p >a {
        color: #fff;
        background: #ff5a00;
        padding: 0px;
        width: 90px;
        display: block;
        font-size: 8px;
        text-align: center;
        border-radius: 14px;
        border: 1px solid;
        text-transform: uppercase;
        line-height: 12px;
        /* height: 10px; */
        bottom: -85px;
        position: relative;
    }

    #wrapper .language_select, #min_width {
        text-align: center;
        font-family: Lato-Bold;
        font-weight: bold;
        color: #fefefe;
        text-transform: uppercase;
        padding: 50px 0px;
        max-width: 990px;
        margin: 0 auto;
        overflow: hidden;
        line-height: 1;
        font-size: 31px;
    }

    .slide-content >p {
        display: inline-block;
        position: absolute;
        left: 15.5%;
        bottom: -13%;
    }

    #wrapper #intro-message .entry p {
        font-family: Lato-Light;
        font-size: 15px;
        color: #fefefe !important;
        /* text-align: center; */
        line-height: 1;
        margin: 0px;
    }
    #featured-products .fourcol-one > ul li >p {
        width: 120px;
        text-align: justify;
        margin-left: 40px;
        margin-bottom: 10px;
        line-height: 1.7;
    }

    #wrapper .entry p {

        text-align: justify;
    }

    #all_languages .textwidget {
        float: left;
        width: 57%;
        height: 100%;
        margin: 0 18% 4.5%;
    }

    .user_nav.login {
        background: none repeat scroll 0 0 #f0f0f0;
        margin-top: -36px;
        margin-left: 7px;
        margin-right: 18%;
        position: absolute;
        width: 92%;
    }

    #navigation h3 {
        padding: 10px 1em;
    }

}

@media only screen and (max-width :320px) {
    .wrapper.desktop{display:none}
    .wrapper.mobile{display:block}
    #words-game-container {
        display: none;
    }
    .small_device_message {
        display: inline-block !important;
    }
}

@media screen and (max-width: 782px){
    .wrapper.desktop{display:none}
    .wrapper.mobile{display:block}
    .bxslider_related_sets_mobile_div{display: block}
    .bxslider_related_sets_div{display:none}
    html {
        margin-top: 0px !important;
    }
}

.small_device_message {
    display: none;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 700;
}

#sensei-quiz-list>li ul, .single-quiz .multiple-choice > span {
    display: inline-block;
    width: 100%;
}

.form-row {
    margin-bottom: 0.2em !important;
}

input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email], input[type=password] {
    padding: 0.1em !important;
}

#payment .place-order .button {
    width: 45% !important;
    margin: 0 28%;
    padding: 0;
}

#payment .payment_methods li label {
    display: inline-block;
    width: 82% !important;
}

#comments-wrapper {
    display: inline-block;
    width: 100%;
}

.get_ready_header {
    position: relative;
    top: 30px;
}


#header #logo:active {
    position: absolute;
    top: 0px !important;

}





/* added by Ahmed S. 12-12-2014 */
.wpcf7-form > div{
    margin-bottom: 20px;
}
.user_name a{
    max-width: 90px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
}

.video-frame-wrapper {
    background-color: #f5f5f4;
}
.video-frame-wrapper embed {
    width: 100%;
    max-height: 225px;
}
.video-frame-wrapper.not-yt .video_src {
    padding-top: 10px;
}
.video-frame-wrapper .video_src {
    /* width: 94%; */
    text-align: center !important;
    font-size: 12px !important;
    margin-bottom: 0;
    padding: 1px 0 10px;
}
.all_subscriptions li.current a{
    background:#ff5a00;
    color:#fff;
}

#testimonials #testimonials-bg {
    background-size: 400% 100%;
    opacity: 1;
}
#searchform .search-submit, #searchform #searchsubmit {
    right: 0.387em;
    top: 24%;
}
#searchform .s, #searchform #s{
    text-indent:10px;
}
.subscription-details {
    color: #fff;
    font-size: 14px;
}

.single article{
    margin-left:0 !important;
}
.post-798.course.type-course:after,.post-798.course.type-course:before{
    display:none !important;
}
@media(max-width:1024px)and (min-width:767px){
    #navigation ul.nav > li {
        margin: 0 0.7em !important;
    }
}

#product-143 .formattedTotalPrice .amount:after{
    content: " for 2 weeks";
}

#product-143 .subscription-details{
    display:none;
}

.languages_level_1 .gfield_label,
.languages_level_2 .gfield_label {
    display: none !important;
}


@media only screen and (max-width: 767px) and (min-width: 480px) and (orientation : landscape){
    .slide-content > p >a {
        color: #fff;
        background: #ff5a00;
        padding: 0px 3px 0px 3px;
        width: 100px;
        display: block;
        font-size: 7px;
        text-align: center;
        border-radius: 27px;
        border: 2px solid;
        text-transform: uppercase;
        position: absolute;
        bottom: 19px;
    }
}
@media only screen and (max-width: 767px) {
    .tp-caption .slider-caption {
        width: 94% !important;
        padding: 20px !important;
        margin: 29px auto 0 -19px !important;
        left: -10px;
    }
    #slider .tp-caption .slider-caption .caption-body {
        font-size: 12px !important;
        line-height: 1.2 !important;
        margin-top: 6px !important;
    }
    .tp-caption .slider-caption .caption-heading {
        font-size: 16px !important;
        display: inline-block;
        text-align: center;
        width: 100%;
        padding-bottom: 10px;
    }
    #slider .tp-caption a {
        font: 400 14px/1 'Roboto Condensed', sans-serif !important;
        padding: 3px 15px !important;
        margin: 0 15% !important;
        width: 120px !important;
    }
    .tp-bullets.simplebullets.square-old .bullet {
        width: 10px !important;
        height: 10px !important;
    }
    .tp-bullets {
        bottom: -12px !important;
    }
}

#slider .tp-caption .orangeBtn {
    text-align: center;
    display: block;
    position: relative;
    z-index: 999999999 !important;
}

#slider .tp-caption .orangeBtn a {
    display: inline-block;
    margin-right: 0px !important;
    margin-left: 0px !important;
    position: relative;
    z-index: 99999999;
}

#slider .tp-caption .orangeBtn a:hover {
    background: #fff;
    color: #ff7302;
}

.fullwidthbanner-container .fullwidthabanner {
    /*z-index: 999999 !important;*/
}

@media only screen and (max-width : 320px) {
    .tp-bullets.hidebullets {
        opacity: 1;
        z-index: 1;
    }
    .tp-caption .slider-caption {
        position: static !important;
        margin: 10px auto !important;
        padding: 20px !important;
        width: 80% !important;
    }
}

.rev_slider_wrapper .shadow-left,  .rev_slider_wrapper .shadow-right {
    display: none !important;
}
#recaptcha_table{
    table-layout:auto !important;
}

.user-profile-viewmode-shuffle {
    display: inline-flex;
    margin: 10px;
}

.user-profile-viewmode-shuffle .change-flashcar-viewmode{
    margin: 0 5px 0 0;
    width: 90%;
}

/*--------------- 19-3-2015 - search form - tags --------------*/

.search-sets {
    margin-top: 20px;
}
.search-sets input {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #bababa;
    font-size: 17px;
    height: 40px;
    max-width: 160px;
    padding: 0 20px !important;
}

.search-sets button {
    background: none repeat scroll 0 0 #fe5900;
    border: medium none;
    color: #fff;
    font-size: 23px;
    height: 40px;
    left: -2px;
    padding: 0 11px;
    position: relative;
    top: 3px;
}


.advanced ,.intermediate,.super-advanced{
    display: block;
    float: left;
    margin-right: 20px;
}

.difficulty-indicator::after {
    display: block;
    font-size: 11px;
    margin-bottom: 0;
}
.difficult-level span {
    background: none repeat scroll 0 0 #c8ccbe;
    display: inline-block;
    height: 15px;
    margin-right: -3px;
    width: 25px;
}
.advanced  .difficult-level span:nth-child(1),.advanced  .difficult-level span:nth-child(2){
    background: #90c340;
}
.advanced .difficulty-indicator::after {
    color: #90c340;
    content: "advanced";
}
.advanced + ul,.intermediate + ul ,.super-advanced + ul{
    margin-top: 16px;
}
.intermediate .difficulty-indicator::after {
    color: #f3962f;
    content: "intermediate";
}
.intermediate .difficult-level span:nth-child(1){
    background: #f3962f;
}
.super-advanced .difficulty-indicator::after {
    color: #0295c8;
    content: "sophisticated";
}
.super-advanced .difficult-level span:nth-child(1),.super-advanced .difficult-level span:nth-child(2),.super-advanced .difficult-level span:nth-child(3){
    background: #0295c8;
}

.social-issues-tags a {
    background: #e6e6e6;
    color:#bbc1c6;

    border-radius: 100px;

    font-size: 16px;
    padding: 2px 10px;
}
.social-issues-tags a:hover{
    background: none repeat scroll 0 0 #667988;
    color: #fff;
}
.social-issues-tags::before {
    color: #667988;
    content:  "\f02c";
    display: inline-block;
    float: left;
    font-family: "FontAwesome";
    font-size: 18px;
    margin-right: 6px;
}

.social-issues-tags > li {
    display: inline-block;
    margin-right: 5px;
}
.lost_password{
    clear: both;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari only override */
    ::i-block-chrome,.user_name,.login > img {
        float: left;
    }
    ::i-block-chrome,.login > img {
        float: left;
    }
    ::i-block-chrome,#slider .tp-bullets.simplebullets.square-old .bullet{
        float: none !important;
        display: inline-block !important;
    }
    ::i-block-chrome,#testimonials-bg{
        background-position: center top !important;
        background-size: 100% !important;

    }
    ::i-block-chrome,ul.nav ul{
        -moz-transition :none;
        -webkit-transition: none !important;
        -o-transition: none;
        transition: none;
    }

}


.flashcards_container,
.flashcards_last {
    margin-bottom: 135px;
}

.set_progress {
    position: absolute;
    text-align: center;
    width: 131px;
}

.set_progress > h3 {
    color: #51626f;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}


.progress_results {
    background: none repeat scroll 0 0 #f5f5f4;
    box-shadow: 1px 1px 23px rgba(0, 0, 0, 0.3);
    padding: 10px;
    position: relative;
}

.progress_results strong {
    bottom: 35%;
    color: #51626f;
    font-size: 27px;
    left: 30%;
    line-height: 1.3;
    position: absolute;
}

.progress_results > canvas {
    background: none repeat scroll 0 0 #fff;
    border-radius: 50px;
}

.progress_results i {
    font-size: 15px;
}

.progress_results > strong span {
    display: block;
    font-size: 10px;
}
.progress_results > strong span.value {
    display: inline-block;
    font-size: 27px;
}
.step_result {
    background-image: url("images/progress-icons.png");
    background-repeat: no-repeat;
    border-radius: 100px;
    height: 70px;
    margin: 10px 30px 0;
    width: 70px;
    display: inline-block;

}


.step_result.top_article {
    background-color: #2975ab;
    background-position: 18px 19px;
}

.step_result.video {
    background-color: #3baaf7;
    background-position: 18px -70px;
}

.step_result.flashcard {
    background-color: #90c340;
    background-position: 18px -159px;
}

.step_result.game {
    background-color: #f29400;
    background-position: 18px -248px;
}

.step_result.article{
    background-color: #ff5a00;
    background-position: 18px -338px;
}

.step_result.finished {
    background-color: #000;
    opacity: 0.1;
}


.section_progress li {
    background: #f3f3f3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ededed #3baaf7;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px 10px;
    display: inline-block;
    font-size: 16px;
    padding: 10px 15px;
    width: 42%;
    margin-bottom: 10px;
}


.section_progress li:nth-child(2n) {
    float: right;
}
.section_progress{
    display: table;
    width: 100%;
    margin: 20px 0;
}
/*Adding custom checkbox icons*/
.section_progress  label {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    cursor: pointer;
}
.section_progress  label:before,.section_progress  label:after {
    font-family: FontAwesome;
    font-size: 21px;
    /*absolutely positioned*/
    position: absolute; top: 0px; left: 0;
}
.section1  label:before,.section1  label:after {
    top: -5px;
}
.section_progress label:before {
    content: '\f096'; /*unchecked*/
}
.section_progress  label:after {
    content: '\f046'; /*checked*/
    /*checked icon will be hidden by default by using 0 max-width and overflow hidden*/
    max-width: 0;
    overflow: hidden;
    opacity: 0.5;
    /*CSS3 transitions for animated effect*/
    transition: all 0.35s;
}

/*hiding the original checkboxes*/
.section_progress  input[type="checkbox"] {
    left: 1px;
    margin: 0 -22px 0 0;
    opacity: 0;
    position: relative;
    top: 5px;
    width: 20px;
    z-index: 5;
        height: 20px;
}
/*when the user checks the checkbox the checked icon will animate in*/
.section_progress  input[type="checkbox"]:checked + label:after {
    max-width: 25px; /*an arbitratry number more than the icon's width*/
    opacity: 1; /*for fade in effect*/
}

input[type="checkbox"]:disabled + label::before,input[type="checkbox"]:disabled + label::after {
    color: #c6c6c6;
}

.go_to_section {
    float: right;
    font-size: 14px;
}
.go_to_section:after{
    content:  "\f177";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left: 5px;
}
.section1 li{
    border-right-color:#2975ab ;
    border-left-color:#2975ab ;
}
.section1  label:before,.section1  label:after {
    color: #2975ab ;
}
.section3 li{
    border-right-color:#90c340 ;
    border-left-color:#90c340 ;
}
.section3  label:before,.section3  label:after {
    color: #90c340 ;
}
.section4 li{
    border-right-color:#f29400 ;
    border-left-color:#f29400 ;
}
.section4  label:before,.section4  label:after {
    color: #f29400 ;
}
.progress_results_div {
    background: none repeat scroll 0 0 #ff5a00;
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    margin: 0 auto;
    max-width: 620px;
    padding: 20px 0;
    text-align: center;
    position: relative;
}
.progress_results_div:before{
    content: "\f00c";
    font-family: fontawesome;
    font-size: 150px;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 50px;
}

.progress_results_div a {
    background: none repeat scroll 0 0 #ffcdb2;
    border-radius: 20px;
    color: #ff5a00;
    font-size: 18px;
    padding: 6px 20px;
}
.progress_results_div a:hover{
    opacity: 0.7;
}
.sets_filter_div {
    border: 1px solid #dedede;
    padding: 7px 15px;
    border-radius: 5px;
    margin-top: 20px;
}
.sets_filter_div label {
    color: #FE5900;
}
.sets_filter_div select#article_source {
    max-width: 150px;
    width: 100%;
}
.sets_filter_div select {
    padding: 8px 0px;
    border-color: #dedede;
    border-radius: 3px;
}
.sets_filter_div button[type=submit] {
    font-size: 14px;
    background-color: #5cb85c;
    padding: 9px 25px !important;
    height: auto;
    top: 0px;
    right: 0px;
    border-radius: 20px;
    outline: none;
    line-height: 15px;
    color: white;
}
.sets_filter_div button[type=submit] img {
    padding-right: 5px;
}
.sets_filter_div .sets_filter_element {
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
@media (max-width: 369px) {
    .sets_filter_div label {
        display: block;
    }
}
@media (min-width:1300px){
    .progress_results{
        height: 105px;
    }
}
@media (max-width:1300px){

    .set_progress.scroll-to-fixed-fixed {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
        z-index: 2147483647;
    }

    .set_progress.scroll-to-fixed-fixed > ul {
        margin: 5px 0 2px;
    }

    .set_progress.scroll-to-fixed-fixed > h3 {
        display: none;
    }

    .step_result {
        position: relative;
        top: -14px;
    }

    .progress_results strong {
        left: 21%;
    }
    .progress_results {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        box-shadow: none;
        padding: 0;
        position: relative;
        /*    top: -14px;*/
    }

    .set_progress {
        position: relative;
        width: 100%;
    }

    .progress_results {
        display: inline-block;
    }
    /*.progress_results strong {
        left: 26%;
    }*/
}
@media (max-width:850px){
    .step_result {
        margin: 0 2%;
    }
    .section_progress li:nth-child(even){
        float:none;
    }
    .section_progress li{
        display: table;
        margin: 10px auto;
        width: 83%;
    }
}
@media (max-width:600px){
    .step_result {
        margin: 25px 2%;
    }

    .progress_results {
        display: table;
        margin: 20px auto -14px;
    }
    .step_result {
        height: 48px;
        width: 48px;
        background-size:50%;
    }
    .step_result.article {
        background-color: #ff5a00;
        background-position: 13px -240px;
    }

    .step_result.game {
        background-color: #f29400;
        background-position: 13px -177px;
    }

    .step_result.flashcard {
        background-color: #90c340;
        background-position: 12px -113px;
    }

    .step_result.video {
        background-color: #3baaf7;
        background-position: 12px -50px;
    }
    .step_result.top_article {
        background-color: #2975ab;
        background-position: 13px 14px;
    }
    .flashcards_last a {
        background: none repeat scroll 0 0 #fff;
        display: block;
        font-size: 20px;
        line-height: 1;
        margin: 15px 10px !important;
        padding: 7px 5px !important;
        white-space: normal;
    }

}
@media (max-width:768px){
    .introjs-fixParent{
        position: relative !important
    }

}

/*------- new section Game -----*/

.set_game_list {
    background: none repeat scroll 0 0 #dedede;
    padding: 30px;
    text-align: center;
    min-height: 190px;
}

.set_game_list li {
    display: inline-block;
    margin: 5px;
}
.set_game_list li a {
    color:#fff;
    display: block;
    font-size: 24px;
    padding: 16px;
}
.set_game_list_word a {
    background: none repeat scroll 0 0 #008f97;
}
.set_game_list_definition a {
    background: none repeat scroll 0 0 #00CDD0;
}
.set_game_list li a.clicked {
    outline: 6px solid #4ab74c;
}

.set_game_start {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #dedede;
    box-shadow: 2px 1px 13px rgba(0, 0, 0, 0.2);
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.set_game_start a {
    background: none repeat scroll 0 0 #767676;
    border-radius: 20px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    display: table;
    font-size: 20px;
    margin: 9% auto;
    padding: 10px 20px;
}
.set_game_start a:hover{
    opacity: 0.7;
}
.set_game_timer {
    background: none repeat scroll 0 0 #ff5a00;
    border-radius: 20px 0;
    color: #fff;
    display: inline-block;
    font-size: 29px;
    margin-bottom: 20px;
    padding: 15px 20px;
}
.set_game_container{
    position:relative;
}

/*-------------- not_subscribed popup---------------*/
.not_subscribed{
    max-width: 900px;
}
.fancybox-skin{
    background: url(images/pattern.jpg);
}
.text-center{
    text-align: center;
}
.row{
    display: table;
    clear: both;
    max-width: 900px;
    margin: 10px 30px

}

.row .text-box {
    color: #51626f;
    font-size: 16px;
    line-height: 2;
    margin: 20px 0;
}
.col-sm-4{
    width: 30%;
    margin: 0 1%;
    float:left;

}
.img-box img{
    border: 1px solid #c4c4c4
}
.img-box {
    position: relative;
}
@media(min-width:1040px){
    .img-box::before {
        background: rgba(0, 0, 0, 0) url("images/shadow.png") no-repeat scroll 0 0;
        content: "";
        display: block;
        height: 252px;
        left: 36px;
        position: absolute;
        top: 0;
        width: 264px;
        z-index: 0;
    }
}
.btns-box a{
    text-transform: uppercase;
    margin: 0 20px;
    font-size: 18px;
    background: #f3f3f3;
}
.caps{
    font-size: 18px;
    color: #51626f;
    text-transform: uppercase;
    margin: 25px auto;
    max-width: 500px;
    line-height: 1.4;
}
.not_subscribed .text-box{
    font-size: 16px;
    text-transform: uppercase;
    color: #51626f;
    line-height: 1.4;
}

.text-center.btns-box {
    margin-left: 132px;
}
@media (max-width:768px){

    .btns-box a {
        margin-bottom: 15px;
    }

    .col-sm-4 {
        width: 100%;
    }
}
@media (max-width:802px){
    .text-center.btns-box{
        margin-left: 0;
    }
}
@media (max-width:480px){
    .btns-box a {
        display: block;
        font-size: 12px;
        margin: 5px 0;
        padding: 5px 10px;
        text-transform: uppercase;
    }

    .col-sm-4 {
        width: 100%;
    }

    .set_game_list li a {

        font-size: 16px;
        padding: 4px 7px;
    }

    .set_game_list {

        padding: 18px 13px;
    }
}

.tot_flashcards_count_div {
    display: inline-block;
}


.free_trial_expire::before {
    content: "\f071";
    font-family: fontawesome;
    margin-right: 5px;
}
.free_trial_expire {
    background: #f8d5d5 none repeat scroll 0 0;
    color: darkred;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 23px;
    padding: 10px 20px;
}

/* Edits By @hmed >> for Filter Box -------------------------*/

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.sets_filter_div {
    padding: 10px 5px 15px;
}

.sets_filter_div .sets_filter_element,
.sets_filter_div .submit-parent{
    width: 20%;
    padding: 0 10px;
    margin: 0px;
    vertical-align: top;
    display: block;
    float: left;
    box-sizing: border-box;
}

.sets_filter_div .sets_filter_element > *,
.sets_filter_div label {
    display: block;
    margin: 0px;
}

.sets_filter_element .dropdown dt a,
.sets_filter_element select {
    width: 100%;
    background: none;
    border: 1px solid #dedede;
    color: #333;
    padding: 0px 10px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-radius: 3px;
    max-width: 100% !important;
    font-size: 14px;
    font-family: 'Lato', Arial;
    font-weight: normal;
}

.sets_filter_element .dropdown dt p {
    margin: 0px;
}

.sets_filter_element .dropdown dd ul {
    background: rgba(255,255,255,0.9);
    border: 1px solid #ccc;
    padding: 0 5px;
    box-sizing: border-box;
    margin: -3px 0 0 ;
    height: auto;
    max-height: 100px;
}

.sets_filter_element .dropdown dd ul li {
    margin: 2px 0;
    color: #333;
}

.sets_filter_element .dropdown dd ul input {
    height: auto;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.sets_filter_div button[type="submit"] {
    position: static;
    float: right;
    height: 40px;
    width: 100%;
}

@media screen and (max-width:992px){
    .sets_filter_div .sets_filter_element {
        width: 50%;
        margin-bottom: 10px;
    }
    .sets_filter_div .submit-parent {
        float: right;
        min-width: 140px;
    }
}

@media screen and (max-width:480px){
    .sets_filter_div .sets_filter_element {
        width: 100%;
    }
}

/* Edits
-------------------------
By @hmed
01-11-2015
issue#4219
Foreigncy [Flash Cards]
----------------------- */

#sidebar .flashcards_creator_form > form {
    border: 1px solid #e6e6e6;
    padding: 20px 10px;
    border-radius: 4px;
}

#sidebar .flashcards_creator_form > form label {
    display: block;
    color: #fd5900;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 16px;
}

#sidebar .flashcards_creator_form > form select {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #dedede;
    border-radius: 4px;
    margin-bottom: 20px;
}

#sidebar .flashcards_creator_form > form .dropdown dt a {
    width: auto;
    background: #fff;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #dedede;
    border-radius: 4px;
    margin-bottom: 20px;
    color: #000;
    font: 14px/40px 'lato', Arial;
    text-transform: capitalize;
    background: url(images/arrow.png) 95% center no-repeat;
}

#sidebar .flashcards_creator_form > form .dropdown dd ul {
    padding: 15px;
    background: #fff;
    top: -23px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #dedede;
    color: #000;
    box-sizing: border-box;
    width: 100%;
    line-height: 26px;
    font-size: 12px;
    box-shadow: 2px 2px 3px #ccc;
}

/*#sidebar .flashcards_creator_form > form > div:last-child {
    border-top: 1px solid #dedede;
}*/

#sidebar .flashcards_creator_form > form .topicmutliSelect input[type="checkbox"] {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#sidebar .flashcards_creator_form > form button[type="submit"] {
    background: #5db75d;
    color: #fff;
    border-radius: 20px;
    padding: 8px 20px;
    font: 18px 'lato', Arial;
    border: none;
    margin: 0 auto;
    display: block;
}

/* Edits
-------------------------
By @hmed
03-11-2015
issue#4392
Foreigncy [Drill Links]
----------------------- */

.drill_links {
    padding: 0 22px;
    margin-bottom: 30px;
    text-align: center;
}

.drill_links > a {
    display: inline-block;
    width: calc(50% - 2px);
    background: #f8f7f7;
    text-align: center;
    padding: 10px 0;
}

.drill_links > a img {
    display: block;
    margin: 0 auto 15px;
}

/* Edits
-------------------------
By @hmed
05-11-2015
issue#4392
* Last step bottom margin
* Related sets structure
----------------------- */

.drill_page .flashcards_last {
    margin-bottom: 0px;
}

.drill_page .related_sets {
    margin-top: 20px;
}

.drill_game {
    clear: both;
}

.drill_page .related_sets li {
    min-height: 0px;
}

.drill_page .related_sets li > div {
    max-width: 170px;
}

.drill_page .social-sharing {
    float: right;
    width: auto;
    clear: none;
    min-width: 140px;
}

.drill_page .drill_links  + #main .entry h2 {
    float: left;
}

.drill_page .drill_links  + #main #view-flashcard {
    margin-top: 0px !important;
}

/* Edits
-------------------------
By @hmed
15-11-2015
issue#4481
* Design Notes
----------------------- */

.flashcards-parent .flashcards-score {
    position: static;
    margin-top: 15px;
}

.drill_page .drill_links + #main .entry .drill_game h2,
.drill_page .drill_links + #main .entry .related_sets h2 {
    float: none;
    clear: both;
}

.drill_game .set_game_start a {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -102px;
}

.drill_game .set_game_container .set_game_list {
    margin-bottom: 0px;
}

/* Edits
-------------------------
By @hmed
17-11-2015
issue#4481
* Design Notes
----------------------- */

.drill_page  .cards_results {
    background: #dedede;
    border-top: 10px solid #74818b;
    border-radius: 5px;
    text-align: center;
    padding: 50px 25px;
}

.drill_page  .cards_results h2 {
    width: 100%;
    text-align: center;
    margin: 140px 0;
}

.drill_page #sidebar {
    width: 22.167%;
    margin-bottom: 30px;
}

.drill_page #main {
    width: 69.5%;
}

.drill_page .social-sharing {
    text-align: right;
    font-size: 0px;
    margin-top: 37px;
}

.drill_page .social-sharing a {
    background-image: url(drillpage.png) !important;
    width: 22px;
    height: 22px;
}

.drill_page a.ss-button-twitter{background-position:0px -23px; }
.drill_page a.ss-button-twitter:hover{background-position:0px 0px;}

.drill_page a.ss-button-googleplus{background-position:-23px -23px; }
.drill_page a.ss-button-googleplus:hover{background-position:-23px 0px;}

.drill_page a.ss-button-facebook{background-position:-45px -23px; }
.drill_page a.ss-button-facebook:hover{background-position:-45px 0px;}

#all_languages img {
overflow: visible;
}
#all_languages .sixcol-one {
 display: inline-block;
    margin-right: 4%;
    width: auto !important;
}
#all_languages.language_select.animated.slideInRight {
 display: inline-flex;
    margin: auto;
}

#all_languages{overflow: visible !important;}

/* Edits
-------------------------
By @hmed
22-11-2015
issue#4556
* Design Notes
----------------------- */

.flashcard a.edit_flashcard_link {
    display: block;
    height: 39px;
    opacity: 0.75;
    position: absolute;
    right: auto;
    left: 75px;
    top: 10px;
    color: #fff;
    transition: all 0s ease-in-out 0s;
    width: 48px;
    background: #ff6b1a;
    border-radius: 10px;
}

.flashcard a.edit_flashcard_link:hover {
    background: #74818b;
}

#not_subscribed .text-center.btns-box {
    margin: 0px;
    font-size: 18px;
}

#not_subscribed .btns-box a {
    margin: 20px auto 7px;
}

/* Edits
-------------------------
By @hmed
25-11-2015
issue#4556
* Responsive Notes
----------------------- */

@media only screen and (max-width : 767px) {
    .drill_page .drill_links {
        padding: 0px;
    }
    .drill_page #main,
    .drill_page #sidebar{
        width: 100%;
    }
    .drill_page a.download {
        padding: 0px;
        width: 175px;
        margin: 15px auto;
    }
    .drill_page .flashcards_container {
        margin-bottom: 0px;
    }
    #footer-widgets .col-3 .block {
        width: 44% !important;
        text-align: center;
    }
    #footer-widgets .col-3 .block.footer-widget-3 {
        width: 100% !important;
        padding-bottom: 15px;
    }
    #menu-footer-menu li:last-child a {
        border: none;
    }
    #footer-widgets .widget ul {
        margin: 0px;
    }
    ul.footer_menu li {
        font-size: 14px;
        padding: 0 10px;
        border-right: 1px solid #ff5a00;
    }
    .set_game_list li a {
        font-size: 18px;
        padding: 10px;
    }
   .drill_page h2 {
        font-size: 1.4em;
    }
   .drill_page .status-publish.hentry h2 span {
        font-size: 36px;
    }
   .drill_page .related_sets > h2 {
        font-size: 17px;
    }
    .drill_page .related_sets li a {
        font-size: 15px;
        line-height: 20px;
    }
    .drill_page .related_sets li > div > span {
        font-size: 13px;
        color: #666;
    }
    .drill_page .set_game_timer {
        padding: 10px 15px;
        font-size: 20px;
    }
}

@media only screen and (max-width : 510px) {
    .drill_links > a {
        width: 100%;
        margin: 0 0 1px;
    }
}

@media only screen and (max-width : 480px) {
    #footer ul.footer_menu li {
        padding: 0px;
        border: none;
    }
}