/* #Media Queries
================================================== */
@media only screen and (max-width: 1680px) {
    .carousel-caption h1{
        text-align: center;
    }
    .classes {
        margin-top: -6%;
    }
    .cover {
        position: absolute;
        width: 101%;
        height: 51px;
        background-color: #F7F6E7;
        z-index: 1000;
        margin-top: -9%;
        margin-left: 0;
    }
    .top-shap img{
        height: 331px;
    }
    .top-link{
        margin-top: 54px;
    }
    .egmaly{
    margin-top: -3%;
    margin-right: 29%;
    }
    .bordered1{
        margin-left: 28%;
    }

}
@media only screen and (max-width: 1600px) {
    .top-shap img {
        height: 317px;
    }
}
@media only screen and (max-width: 1440px) {
    .cover {
        margin-top: -146px;
    }

    .top-shap img {
        height: 300px;
    }
    .bordered1 {
        margin-left: 24%;
    }
}


@media only screen and (max-width: 1200px) {
    .sb-search.sb-search-open, .no-js .sb-search {
        width: 75%;
    }


    .class-img img {
        width: 100%;
          height: 200px;
    }
    .c-menu--slide-right {

        width: 283px;
    }
    .class-type {
        position: relative;
    }
    .heading-block1:after {
        content: '';
        display: block;
        margin:1% 0% 0 -549%;
        width: auto;
        border-top: 5px solid #0097a7;
    }
    .cover {
        position: absolute;
        width: 98%;
        height: 51px;
        background-color: #F7F6E7;
        z-index: 1000;
        margin-top: -12%;
        margin-left: 0;
    }
    .class-type .class-price {
        border-right: 1px solid #c1c1c1;
    }
    .classes-page .classes-wrapper:nth-child(odd) .class-type .class-year {
        border-left: 1px solid #c1c1c1;
    }
    .gallery-item {
        width: 226px;
    }
    #bs-carousel {
        height: 424px;
        margin-top: -8%;
    }
    .blog-post .post-item{
        margin-left:7%;
    }
    .contact-form form input#name, .contact-form form input#email {
        width: 49.1%;
    }
    .span4_right{
        margin: 5%;
    }
    .span4_left{
        margin: 5%;
    }
    .explain p {
        color: #F4E8C1;
        text-align: right;
        direction: rtl;
        line-height: 1;
        text-indent: 50px;
        margin-left: -110px;
    }
    .home-block-heading8 {
        margin: 5%;
        color: #0097a7;
        text-align: right;
        direction: rtl;
        line-height: 2;
    }
    .card{
        margin: 10%;
    }
    .bordered1{
        margin-left: 19%;
    }
    
}
@media only screen and (max-width: 1024px) {
    .carousel-caption h1 {
        text-align: right;
    }
    .sb-search.sb-search-open, .no-js .sb-search {
        width: 75%;
    }


    .class-img img {
        width: 100%;
          height: 200px;
    }
    .c-menu--slide-right {

        width: 283px;
    }
    .class-type {
        position: relative;
    }
    .about-us p {
        color: #000;
        width: 457px;
    }
    .feature-item .feature-icon {
        display: inline-block;
        border-radius: 50%;
        height: 120px;
        width: 120px;
        position: relative;
        overflow: hidden;
        float: left;
        margin-right: -427px;
        margin-left: 184px;
    }
    .banner.small {
        height:123px;
        margin-bottom: 10%;
        padding: 2%;
    }
    .cover{
    position: absolute;
    width: 98%;
    height: 54px;
    background-color: #F7F6E7;
    z-index: 1000;
    margin-top: -15%;
    margin-left: 0%;
}
    .teacher-desc p {
        width: 300px;
        margin-left: -1%;
    }
    .heading-block1 {
        padding-left: 87%;
    }
    .heading-block1:after {
        content: '';
        display: block;
        margin: 1% 0% 0 -449%;
        width: auto;
        border-top: 5px solid #0097a7;
    }
    .Block-Shop{
        left: 99px;
    }
    #copyright .main {
        margin-left: 88%;
        width: 100px;
        margin-top: -24%;
        line-height: 20px;
    }
    .card {
        margin-left: 7%;
        margin-bottom: 5%;
        margin-top: 5%;
        box-shadow: -7px 7px 20px 0 rgba(0, 0, 0, 0.5);
        padding: 0%;
        width: 300px;
        height: auto;
        transition: .5s;
        transform: scale(1);
    }
    .heading-block.page-title h1 {
        margin-bottom: 0;
        color: #0097a7;
        font-size: 20px;
        margin-left: 0%;
    }
    .card1 {
        margin-left: 14%;
        margin-bottom: 6%;
        box-shadow: -7px 7px 20px 0 rgba(0, 0, 0, 0.5);
        padding: 0%;
        width: 300px;
        height: auto;
        transition: .5s;
        transform: scale(1);
    }
    #gallery {
        position: relative;
        overflow: hidden;
        margin-bottom: 0%;
        margin-left: 67%;
        margin-top: 2%;
    }
   #fa1 {
        margin-top: 432px;
    }
    .heading-block4{
        padding: 1%;
    }
    .top-shap .flow h3 {
        color: #111F4D;
        text-align: center;
        transition: 3s ease;
        animation: hg 2s;
        -moz-animation: hg 5s;
        -webkit-animation: hg 5s;
        -o-animation: hg 5s;
        animation-duration: 2s;
        animation-delay: 2s;
        margin-top: 7%;
    }
    .card-body {
        height: 124px;
        width: 100%;
        padding: 5%;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }
    .class-ma .class-desc p {
        color: #0097a7;
        width: 81%;
        text-align: right;
        height: auto;
        margin-left: 0%;
    }
    .top-link {
        background-color: #113C4A;
        margin-top: 5px;
        height: 60px;
        padding-right: 24px;
        border-radius: 5px;
        padding-top: 9px;
    }
    .top-link a{
        width: 378px;
    }
    .egmaly {
        color: #39AEC0;
        display: block;
        float: right;
        font-size: 15px;
        margin-top: -6%;
        margin-right: 21%;
    }
    .bordered1 {
        border: solid #ccc 1px;
        margin-left: 20%;
        margin-top: 4%;
    }
    .feature-item .feature-desc h4 {
        text-align: right;
        direction: rtl;
        line-height: 28px;
        line-height: 25px;
        width: 165px;
        margin-left: 2%;

}
#bs-carousel {
    height: 424px;
    margin-top: -10%;
}
.span3 {
    background: none repeat scroll 0 0 #F6F6E9!important;
    border: medium none !important;
    border-radius: 5px 5px 5px 5px !important;
    color: #39ACBF !important;
    direction: rtl;
    font-family: ge_ss_two_medium;
    text-align: center;
    width:85%;
  

  }
  .explain p {
    color: #F4E8C1;
    text-align: right;
    direction: rtl;
    line-height: 1;
    text-indent: 50px;
    margin-left: -39%;
  }
  .fontaty input {
    padding: 0;
    margin-left: 18%;
    width: 50px;
}
.follow {
    margin-left: 41%;
}
.tit {
    margin-top: 17%;
    text-align: center;
}
.blog-post .post-item{
    margin-left: 0;
}.span4_right {
     margin: 1%; 
}
.span4_left {
     margin: 1%;
}
  
}

@media only screen and (max-width: 992px) {
    #header .logo {
        text-align: center;
        margin: 15px 0;
    }
    #header .logo img {
        display: inline-block;
    }
    .c-menu--slide-right {
        
                width: 283px;
            }
    ul.menus {
        float: none;
    }
    .sb-search {
        overflow: inherit;
        display: none;
    }
    .sb-search.sb-search-open, .no-js .sb-search {
        width: 100%;
    }
    .sb-search-input {
        height: 102px;
    }
    .fixedwrap .sb-search-input {
        height: 62px;
    }
    .sb-search form input:focus {
        box-shadow: none;
    }
    .single-wrapper {
        padding-top: 187px;
    }
    .panel-group {
        margin-bottom: 60px;
    }
    .class-img {
        position: relative;
     
    }
    .our-features #dm{
        margin-top: 61%;
    }
    .det{
        margin-right: 2%;
    }
    .class-course-nav li {
        width: 33.333333%;
        float: left;
        margin-bottom: 20px;
    }
    .class-course-details img {
        width: 100%;
        margin-bottom: 30px;
    }
    .class-img img {
        width: 155px;
        height: 300px;
    }
    .about-us p {
        color: #000;
        width: 454px;
        margin-top: -6%;
    }
    .button-normal.green a {
        background-color: #0097a7;
        border: 1px solid #0097a7;
        color: #ffffff;
        margin-top: 1%;
    }
    .class-more {
        width: 80px;
        height: 43px;
        overflow: hidden;
        align-content: center;
        background-color: #fff;
        padding: 5px;
        margin-top: 28px;
    }
    .heading-block.page-title h1 {
        margin-bottom: 0;
        color: #0097a7;
        font-size: 20px;
        margin-left: 799px;
    }
    .heading-block.page-title:after {
        content: '';
        display: block;
        margin: 10px -6px 0 779px;
        width: auto;
        border-top: 5px solid #0097a7;
    }
    .heading-block h2 {
        margin-bottom: 5px;
        padding-top: 10px;
        text-align: right;
        margin-right: 16px;
    }
    .heading-block h2:after {
        content: '';
        display: block;
        margin: 5px 6px 15px 769px;
        width: 152px;
        border-top: 5px solid #0097a7;
    }
    .heading-block h4.tagline {
        color: #999999;
        text-align: right;
        margin-left: 76%;
        width: 200px;
    }
    .heading-block:after {
        content: '';
        display: block;
       margin: 1% 5% 7% 70%;
        width: 128px;
        border-top: 5px solid #0097a7;
    }
    .heading-block1:after {
        content: '';
        display: block;
        margin: 1% 0% 0 -397%;
        width: auto;
        border-top: 5px solid #0097a7;
    }
    .blog-post .post-item {
        margin-bottom: 60px;
        width: 907px;
    }
    .blog-post .post-content {
        background-color: #f7f8fc;
        padding: 30px;
        width: 906px;
      
    }

    .banner.small .col-md-8, .banner.small .col-md-4 {
        width: 100%;
        text-align: center;
    }
    .banner.small .col-md-4 .button-normal {
        float: none !important;
        margin-top: 20px;
        display: inline-block;
    }
    .pricing-table {
        padding: 100px 0 40px 0;
    }
    .pricing-table .pricing-item {
        margin-bottom: 60px;
    }
    .pricing-table .pricing-item.featured h3.title {
        padding: 25px 0px;
    }
    #footer {
        padding: 100px 0 60px 0;
    }
    .widget-footer {
        margin-bottom: 40px;
    }
    .copyright-text {
        text-align: center;
    }
    #copyright .social-links ul {
        float: none;
        text-align: center;
        margin-top: 15px;
    }
    #copyright .main {
        margin-left: 803px;
        width: 100px;
        margin-top: -233px;
        line-height: 20px;
    }
    .class-item {
        margin-bottom: 40px;
        max-width: 274px;
        height: 300px;
        margin-left: 18px;
    }
    .about-us .about-img {
        text-align: center;
    }
    .about-us .about-img img {
        display: inline-block;
    }
    .facility-item {
        margin-bottom: 40px;
    }
    .teacher-photo {
        margin-top: 30px;
    }
    .teacher-photo img {
        width: 100%;
    }
    .teacher-desc p {
        margin-left: -2%;
    }
    #clock div {
        margin-bottom: 20px;
    }
    .teacher-photo ul {
        padding: 0 50px;
    }
    .teacher-photo li {
        width: 33.333%;
    }
    .teacher-desc ul li {
        width: auto;
    }
    .teacher-desc .section-1 .col-md-4, .teacher-desc .section-2 .col-md-4 {
        margin-bottom: 60px;
    }
    .teacher-desc .section-1 .col-md-4:last-child, .teacher-desc .section-2 .col-md-4:last-child {
        margin-bottom: 0;
    }
    .class-flexslider {
        margin-bottom: 40px;
    }
    .class-flexslider ul li img {
        width: 100%;
    }
    .class-feature .feature-item .feature-with-bg {
        overflow: hidden;
    }
    .feature-item {
        margin-bottom: 30px;
        width: 400px;
        
    }
    .blog-post {
        margin-bottom: 100px;
    }
    .gallery-item {
        width: 171px;
    }
    .contact-section .contact-details {
        margin-bottom: 60px;
    }
    .contact-form form input#name, .contact-form form input#email {
        width: 49.3%;
    }
    .teacher-nav .col-md-3 {
        width: 25%;
    }
    .card {
        margin: 9%;
}
.card1 {
    margin: 9%;
}
.page-title {
    
    padding: 2% 2% 5% 3%;
}
.contact-section .col-md-6 {
    width: 50%;
    margin-left: -2%;
}
.name {
    margin-left: 438px;
}
.email {
    margin-left: 409px;
}
.message {
    margin-left: 432px;
}
.form-line {
    border-right: 1px solid #B29999;
    margin-left: 14%;
    margin-right: 2%;
}

}

@media only screen and (max-width: 768px) {
    
    #main-menu {
        display: none;
    }
    .mobile-menu {
        display: block;
        text-align: left;
    }
    .c-menu--slide-right { 
        width: 283px;
            }
    .sb-search-input {
        height: 70px;
    }
    .sb-icon-search, .sb-search-submit {
        line-height: 70px;
    }
    .sb-search.sb-search-open, .no-js .sb-search {
        width: 90%;
    }
    .single-wrapper {
        padding-top: 155px;
    }
    .menus-mobile ul.child {
        display: none;
        -webkit-transition: all 0.6s ease 0s;
             -moz-transition: all 0.6s ease 0s;
              -ms-transition: all 0.6s ease 0s;
               -o-transition: all 0.6s ease 0s;
                transition: all 0.6s ease 0s;
    }
    .menus-mobile li.has-child:hover > ul.child {
        display: block;
    }
    #gallery {
        margin: 0;
    }
 
    .contact-form form input#name, .contact-form form input#email {
        width: 100%;
    }
    .flexslider-wrap .flexslider .slides .flex-content {
        text-align: center;
        padding: 0 50px;
        top: 65%;
    }
    .flexslider-wrap .flexslider .slides .flex-content h1 {
        font-size: 32px !important;
        line-height: 45px;
        margin-left: 35px;
        width: 455px;
    }
    .flexslider-wrap .flexslider .slides .flex-content p {
        font-size: 14px !important;
        margin-left: 182px;
        width: 303px;
        line-height: 24px;
    }
    .carousel-caption p{
        margin-left: -40%;
    }
    .about-us p {
        color: #000;
        width: 681px;
        margin-top: 1%;
        margin-left: 5%;
    }
    .heading-block:after {
        content:'';
        display: block;
        margin: 1% 0% 0 73%;
        width: auto;
        border-top: 5px solid #0097a7;  
    }
    .heading-block h2 {
        margin-bottom: 5px;
        padding-top: 10px;
        text-align: center;
        margin-right: 44px;
    }
    .heading-block2 h2:after {
        content: '';
        display: block;
        margin: 2% 2% 0 80%;
        width: auto;
        border-top: 5px solid #0097a7;
    }
    .heading-block2:after {
        content: '';
        display: block;
        margin: 1% 2% 0 80%;
        width: auto;
        border-top: 5px solid #0097a7;
    }

    .heading-block h4.tagline {
        color: #999999;
        text-align: center;
        margin-left: 33%;
    }

    .features {
        margin-top: 50px;
        width: 562px;
    }
    .our-features #dm {
        margin-bottom: 7%;
        margin-right: 42%;
        margin-top: 163%;
    }
    .heading-block1:after {
        content: '';
        display: block;
        margin: 1% 0% 0 -226%;
        width: auto;
        border-top: 5px solid #0097a7;
    }
    .teacher-desc p {
        margin-left: 35%;
    }
    .cover{
        width: 97%;
        margin-top: -19%;
        margin-left: 0%;
    }
    .feature-item .feature-icon {
        display: inline-block;
        border-radius: 50%;
        height: 120px;
        width: 120px;
        position: relative;
        overflow: hidden;
        float: left;
        margin-right: -427px;
        margin-left: 297px;
    }
    #bs-carousel {
        height: 424px;
        margin-top: -13%;
    }
  
    .banner.small {
        height: 101px;
        margin-bottom: 9%;
        padding: 2%;
        margin-top: -13%;
    }
    .testimonial-wrap .slides{
        width: 100%;
        margin-left: 200%;
        transition-duration: 0s;
        transform: translate3d(-750px, 0px, 0px);
    }
    

    .text-center {
        text-align: center;
        margin-right: 0;
    }
    .blog-post .post-item {
        margin-bottom: 80px;
        width: 666px;
    }
    .blog-post .post-content {
        background-color: #f7f8fc;
        padding: 22px;
        width: 668px;
    }
    .card {
    
        margin-right: 29%;
    }
    .card1 {
     
        margin: 5%;
    }
    .price{
        margin-right: 7%;
    }
    .contact-section .col-md-6 {
        margin-left: 7%;
            width: 83%;
    }
    #contact .form-group{
        width: 100%;
        
    }
    .name {
        margin-left: 430px;
      
    }
    .teacher-desc.active {
        display: block;
        padding-right: 256px;
    }

    .form-group {
        margin-bottom: 15px;
        margin-right: 577px;
    }
        #copyright input {
            width: 139px;
        
        }

    #copyright {
        padding: 30px 0 74px;
        background-color: #0097a7;
        margin-top: 1px;
    }
    #copyright .prag {
        color: #fff;
        direction: rtl;
        width: 357px;
        line-height: 29px;
        margin-left: 23%;
        margin-top: -234px;
    }
    #copyright .main {
        margin-left: 83%;
        width: 95px;
        margin-top: -199px;
        line-height: 20px;
    }
    .copyright-text {
        text-align: center;
        margin-top: 100px;
        padding-left: -16px;
    }
    #copyright .social-links ul {
        float: none;
        text-align: center;
        margin-top: -48px;
        margin-left: 510px;
    }
    #copyright p {
        direction: rtl;
        line-height: 29px;
        text-align: right;
        margin-left: -32%;
        margin-top: -14%;
    }
    .click {
        position: relative;
        left: 37px;
    }
 
    .top-shap .flow h3 {
        margin-top: 25%;

}
.page-title {
    padding: 2% 2% 2% 3%;
    height: 100px;
}
.heading-block.page-title h1 {
    margin-bottom: 0;
    margin-left: 5%;
}
.heading-block.page-title:after {
    margin: 1% 0 1% 88%;
}
.explain {
    height: auto;
    width: 55%;
}
.explain p {
    margin-left: -63%;
}
.home-block-heading {
    margin-left: 88%;
}
.class-ma .class-desc {
    padding: 7%;
    height: auto;
}
.class-ma .class-img {
    margin-top: 7%;
    margin-right: -12%;
}
.det{
    margin-right: 3%;
}
.egmaly{
    margin-right: 21%;
}
.empty_cart{
    margin-left: 31%;
}
.fontaty input{
    margin-left: 2%;
}
.follow{
    margin-left: 39%;
}
.contact_detail{
    margin-left: 29%;
}
.last_table {
    margin-left: 8%;
}
.bordered1 {
    border: solid #ccc 1px;
    margin-left: 9%;
    margin-top: 4%;
}
.Block-Shop{
    width: 357px;
    left: 15%;
}
}

@media only screen and (max-width: 640px) {
    .c-menu--slide-right { 
        width: 283px;
            }
    
    .about-us p {
        color: #000;
        width: 552px;
        margin-top: 1%;
        margin-left: 5%;
    }

    .teacher-desc p {
        margin-left: -73%;
    }
    .teacher-desc p {
        margin-left: 4%;
        width: 349px;
    }
    .testimonial.with-bg-image p.text {
        padding: 0px 40px;
        font-size: 20px;
    }
    .class-course-nav li {
        width: 50%;
    }
    .blog-post .post-item {
        margin-bottom: 80px;
        width: 594px;
    }
    .blog-post .post-content {
        background-color: #f7f8fc;
        padding: 25px;
        width: 594px;
    }
    .page-title {
        padding: 2% 2% 2% 3%;
    }
    .page-title h1{
        line-height: 1.4;
        margin-left: 475px;
        font-size: 15px;
    } 
    .banner.small {
        height: 151px;
        margin-bottom: 14%;
        padding: 2%;
        margin-top: -13%;
    }
    #bs-carousel {
        height: 424px;
        margin-top: -15%;
    }
    .form-group {
        margin-bottom: 15px;
        margin-right: 577px;
        width: 168px;
        margin-top: 10px;
    }
    #copyright {
        padding: 30px 0 144px;
        background-color: #0097a7;
        margin-top: 1px;
    }
    #copyright input {
        width: 214px;
        padding-left: 153px;
    }
    #copyright .prag {
        color: #fff;
        direction: rtl;
        width: 292px;
        line-height: 29px;
        margin-left: 208px;
        margin-top: -237px;
    }
    #copyright .main {
        margin-left: 511px;
        width: 95px;
        margin-top: -233px;
        line-height: 20px;
    }
    .btn-warning {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #eea236;
        position: relative;
        left: 49px;
    }
    .copyright-text {
        text-align: center;
        margin-top: 123px;
        padding-left: -16px;
    }
    #copyright .social-links ul {
        float: none;
        text-align: center;
        margin-top: -48px;
        margin-left: 454px;
    }
    .explain {
        height: auto;
        width: 71%;
    }
    .explain p {
        margin-left: -55%;
    }
    .banner.large {
        padding: 60px 0;
        margin-top: 0%;
        margin-bottom: -4%;
        width: 100%;
    }
    .our-features #dm {
        margin-bottom: 7%;
        margin-right: 42%;
        margin-top: 200%;
    }
    .facility-item {
        margin-bottom: 40px;
        margin-left: 11%;
    }
    .facility-item h4.title {
        color: #ffffff;
        margin: 15px 204px;
        width: 100px;
    }
    .heading-block1 h3 {
        text-align: right;
        width: max-content;
        margin-left: -70px;
        line-height: 31px;
    }
  
    .heading-block1:after {
        content: '';
        display: block;
        margin: 1% -189% 0 -119%;
        width: auto;
        border-top: 5px solid #0097a7;

    }
    .teacher-desc p {
        margin-left: 25%;
        width: 349px;
    }
    #teacher-button{
        margin-right: 9%;
    }
    .hero h1{
        font-size: 25px;
    }
    .hero p {
        font-size: 20px;
        font-weight: bold;
        margin: auto;
        color: #fff;
        line-height: 35px;
        width: 491px;
    }
    .class-ma .class-desc {
        padding: 10%;
        height: auto;
    }
    .class-ma .class-img {
        margin-top: 7%;
        margin-right: 4%;
    }
    .det{
        margin-right: 3%;
    }
    .egmaly{
        margin-right: 11%;
        margin-top: -10%;
    }
    .empty_cart{
        margin-left: 32%;
    }
    .fontaty input{
        margin-left: 2%;
    }
    .follow{
        margin-left: 39%;
    }
    .contact_detail{
        margin-left: 29%;
    }
    .last_table {
        margin-left: 14%;
        margin-top: 1%;
        width: 475px;
    
    }
    .bordered {
        background-color: #194769;
        margin-left: 7%;
    }
    .bordered1 {
        border: solid #ccc 1px;
        margin-left: 19%;
        margin-top: 4%;
        width: 473px;
    }
    .span3{
        width: 81%;
    }
    .tit {
        margin-top: 44%;
        text-align: center;
    }
    .Block-Shop {
        width: 320px;
        left: 3%;
    }
    .cover {
        width: 97%;
        margin-top: -23%;
        margin-left: 0%;
    }
 
}


@media only screen and (max-width: 480px) {
    .c-menu--slide-right { 
        width: 283px;
            }
    .classes-page .class-item .class-details h2 {
        font-size: 30px;
    }
    .classes-page .classes-wrapper .class-type .class-price h3 {
        font-size: 38px;
    }
    .teacher-nav .col-md-3 {
        width: 50%;
        margin-bottom: 20px;
    }
    .flexslider-wrap .flexslider .slides .flex-content h3 {
        font-size: 18px !important;
    }
    .flexslider-wrap .flexslider .slides .flex-content h1 {
        font-size: 22px !important;
        line-height: 2;
        margin-left: -98px;
    }
    .flexslider-wrap .flexslider .slides .flex-content p {
        font-size: 14px !important;
        margin-left: -5px;
        width: 303px;
        line-height: 24px;
    }
    .carousel-caption p {
        width: 507px;
    }
    .about-us p {
        color: #000;
        width: 391px;
        margin-top: 1%;
        margin-left: 5%;
    }
    .about-us .about-img ifram{
        height: 206px;
    }
    #bs-carousel {
        height: 424px;
        margin-top: -21%;
    }
    .banner.small {
        height: 164px;
        margin-bottom: 15%;
        padding: 2%;
        margin-top: -15%;
    }
    .heading-block.page-title h1 {
        margin-bottom: 0;
        color: #0097a7;
        font-size: 20px;
        margin-left: 178px;
        margin-top: 5px;
    }
    .heading-block.page-title:after {
        content: '';
        display: block;
        margin: 1% 0 0 75%;
        width: auto;
        border-top: 5px solid #0097a7;
    }
    .gallery {
        padding: 100px 0;
        margin-left: 27px;
        width: 277px;
    }
    .text-center {
        text-align: center;
        margin-right: -4%;
    }
    #copyright .prag {
        color: #fff;
        direction: rtl;
        width: 250px;
        line-height: 29px;
        margin-left: 129px;
        margin-top: -234px;
    }
    #copyright .main {
        margin-left: 368px;
        width: 94px;
        margin-top: -235px;
        line-height: 20px;
    }
    #copyright input {
        width: 112px;
        padding-left: 54px;
    }
    #copyright p {
        direction: rtl;
        line-height: 29px;
        text-align: right;
        margin-top: -8%;
        width: 209px;
    }
    .features {
        margin-top: 50px;
        width: 439px;
    }
    .teacher-desc.active {
        display: block;
        padding-right: 112px;
    }
    .cover {
        width: 94%;
        margin-top: -30%;
        margin-left: 0%;
    }
    .click{
        position: relative;
        left: 50px;
    }
   
    .copyright-text {
        text-align: center;
        margin-top: 20px;
        padding-left: -16px;
        width: 46px;
    }

#copyright .social-links ul {
    float: none;
    text-align: center;
    margin-top: -48px;
    margin-left: 308px;
}
.click {
    position: relative;
    left: 20px;
}
.heading-block h3 {
    margin-bottom: 5px;
    padding-top: 10px;
    text-align: right;
    margin-right: 155px;
}
.heading-block:after {
    content: '';
    display: block;
    margin: 15px 0 0 153px;
    width: 128px;
    border-top: 5px solid #0097a7;
}
.heading-block h2:after {
    content: '';
    display: block;
    margin: 5px 6px 15px 121px;
    width: 152px;
    border-top: 5px solid #0097a7;
}
.feature-item .feature-icon {
    display: inline-block;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: -427px;
    margin-left: 269px;
}
.heading-block.page-title h1 {
    margin-bottom: 0;
    color: #0097a7;
    font-size: 20px;
    margin-left: 178px;
    margin-top: 5px;
}
.heading-block.page-title:after {
    content: '';
    display: block;
    margin: 1% 0 0 75%;
    width: auto;
    border-top: 5px solid #0097a7;
}
.gallery {
    padding: 95px 0;
    margin-left: 12%;
}
.blog-post .post-item {
    margin-bottom: 60px;
    width: 429px;
}
.blog-post .post-image {
    position: relative;
    margin-left: -4px;
}
.blog-post .post-content {
    background-color: #f7f8fc;
    padding: 15px;
    width: 433px;
    margin-left: -4px;
}
.heading-block1{
    padding-left: 292px;
}
.heading-block1 a{
    margin-left: -15px;
}
.contact-section .col-md-6 {
    width: 40%;
}
#contact{
    margin-left: 10px;
}
.left-text p {
    color: #fff;
    text-align: right;
    direction: rtl;
    line-height: 3;
    width: 300px;
}
#contact .form-control {
    font-size: 1.3em;
    color: #080808;
    padding-left: 139px;
    margin-left: 85px;
}
.name {
    margin-left: 245px;
}
.email {
    margin-left: 171px;
    direction: rtl;
    line-height: 25px;
}
.message {
    margin-left: 188px;
}


.class-item {
    margin-bottom: 40px;
    max-width: 274px;
    height: 300px;
    margin-left: 6px;
}
.class-type {
    width: 150%;
}
.explain {
    height: auto;
    width: 92%;
    margin-left: 3%;
}
#fa1 {
    margin-top: 267px;
}
.facility-item {
    margin-bottom: 40px;
    margin-left: -3%;
}
.facility-item h4.title {
    color: #ffffff;
    margin: 15px 173px;
}
.heading-block1 h3 {
    text-align: right;
    width: max-content;
    margin-left: -179px;
    line-height: 31px;
}
.heading-block1:after {
    content: '';
    display: block;
    margin: 1% 41% 0 -537%;
    width: auto;
    border-top: 5px solid #0097a7;
}
.teacher-desc p {
    margin-left: 2%;
    width: 304px;
}
.hero h1{
font-size: 23px;
}
.hero p{
    width: 421px;
}
.card {
    margin-right: 16%;
}
.class-ma .class-img {
    margin-top: 7%;
    margin-right: 4%;
    width: 142px;
}
#share-buttons2 h4{
    margin-right: 5%;
}
h5.card-title{
    margin-right: 13%;
}
.bordered {
    background-color: #194769;
    margin-left: 5%;
    width: 414px;
}
.egmaly {
    margin-right: 6%;
    margin-top: -13%;
}
.empty_cart {
    margin-left: 19%;
}
.top-shap {
    position: relative;
    width: 100%;
    height: 300px;
    background-color: #FAF8F8;
    margin-top: 39%;
}
.contact_detail {
    margin-left: 14%;
}
.span3 {
    width: 75%;
}
.last_table{
    width: 356px;
}
.bordered1 {
    border: solid #ccc 1px;
    margin-left: 14%;
    margin-top: 4%;
    width: 356px;
}
}






 

@media only screen and (max-width: 414px) {
    .c-menu--slide-right { 
        width: 283px;
            }
	.classes-page .class-item .class-details h2 {
		font-size: 30px;
	}
	.classes-page .classes-wrapper .class-type .class-price h3 {
		font-size: 38px;
	}
	.teacher-nav .col-md-3 {
		width: 50%;
		margin-bottom: 20px;
	}
	.flexslider-wrap .flexslider .slides .flex-content h3 {
		font-size: 18px !important;
	}
	.flexslider-wrap .flexslider .slides .flex-content h1 {
		font-size: 22px !important;
		line-height: 2;
		margin-left: -33px;
		width: 247px;;
	}
	.flexslider-wrap .flexslider .slides .flex-content p {
		font-size: 14px !important;
		margin-left:-39px;
		width: 303px;
		line-height: 24px;
    }
    .carousel-caption h1{
        color: #ffffff;
        margin: auto;
        padding-bottom: 12%;
        font-size: 30px;
        text-align: right;
        direction: rtl;
        font-size: 15px;
    }
    .carousel-caption p {
        width: 306px;
        margin-left: -10%;
    }
    .our-features {
        padding: 100px 0 40px 0;
        width: 100%;
        margin-left: 10px;
	}
	.our-facility{
		width: 100%;
		margin-left: 10px;
	} 
	.banner.small {
		padding: 30px 0;
		width: 100%;
		margin-left: 10px;
    }
    #bs-carousel {
        height: 424px;
        margin-top: -24%;
    }
	iframe{
		margin-left: 10px;
    }
    .cover {
        width: 93%;
        margin-top: -35%;
        margin-left: 0%;
    }
	.testimonial {
		width: 100%;
		margin-left: 10px;
	}
	.heading-block:after {
		content: '';
		display: block;
		margin: 15px 0 0 115px;
		width: 128px;
		border-top: 5px solid #0097a7;
	}
	.heading-block h2:after {
		content: '';
		display: block;
		margin: 5px 6px 15px 89px;
		width: 152px;
		border-top: 5px solid #0097a7;
	}
	.heading-block h3 {
        text-align: center;
        margin-right: 29%;
    }
    .about-us p {
        color: #000;
        width: 366px;
        margin-top: 1%;
        margin-left: 2%;
    }
	.about-us {
		padding: 100px 0;
        width: 100%;
        margin-left: -12px;
    }
    .our-features #dm {
        margin-bottom: 11%;
        margin-right: 42%;
        margin-top: 200%;
    }
    .facility-item h4.title {
        color: #ffffff;
        margin: 15px 148px;
    }
	.features {
		margin-top: 50px;
		width: 388px;
	}
	.feature-item .feature-icon {
		display: inline-block;
		border-radius: 50%;
		height: 120px;
		width: 120px;
		position: relative;
		overflow: hidden;
		float: left;
		margin-right: -427px;
		margin-left: 254px;
    }
    .heading-block1:after {
        content: '';
        display: block;
        margin: 1% 0% 0 -261%;
        width: auto;
        border-top: 5px solid #0097a7;
    }
	.teacher-desc.active {
		display: block;
		padding-right: 54px;
    }
    .teacher-desc p {
        margin-left: -2%;
        width: 322px;
    }
    .banner.small {
        padding: -9px 0;
        width: 100%;
        margin-left: 10px;
        margin-top: -17%;
        margin-bottom: 19%;
         height: 170px;
    }
	.click{
		position: relative;
		left: 50px;
	}
	#copyright{
		margin-left: 10px;
	}
    #copyright input {
        width: 119px;
        margin-left: -5px;
        padding-right: 22px;
    }
	#copyright .prag {
		color: #fff;
		direction: rtl;
		width: 250px;
		line-height: 29px;
		margin-left: 145px;
		margin-top: -237px;
	}
	#copyright .main {
	display: none;
	}
	.copyright-text {
		text-align: center;
		margin-top: 148px;
		padding-left: -16px;
		width: 46px;
	}
	#copyright p {
		color: #000;
		direction: rtl;
		width: 240px;
		line-height: 29px;
		text-align: right;
	
}
#copyright .social-links ul {
	float: none;
	text-align: center;
	margin-top: -48px;
	margin-left: 308px;
}
.click {
	position: relative;
	left: 20px;
}
.single-wrapper {
    padding-top: 177px;
}
.heading-block.page-title h1 {
    color: #0097a7;
    font-size: 20px;
    margin-left: 136px;
    margin-top: 29px;
}
.page-title h1 {
    line-height: 1.4;
    margin-left: 81%;
    font-size: 15px;
}
.card {
    margin-left: 14%;
}
.card1 {
    margin-left: 13%;
}
.blog-post .post-item {
    margin-bottom: 60px;
    width: 377px;
}
.blog-post .post-image {
    position: relative;
    margin-left: -4px;
}
.heading-block1{
    padding-left: 703px;
}
.heading-block1 a{
    margin-left: -15px;
}
.left-text p {
    color: #fff;
    text-align: right;
    direction: rtl;
    line-height: 3;
    width: 345px;
    margin-left: -17%;
}
#contact{
    margin-left: 10px;
}
.name {
    margin-left: 214px;
}
.email {
    margin-left: 187px;
    direction: rtl;
    line-height: 25px;
}
.message {
    margin-left: 208px;
}
#contact .form-control {
    font-size: 1.3em;
    color: #080808;
    padding-left: 162px;
    margin-left: 91px;
    width: 73%;
}
   

.class-item {
    margin-bottom: 40px;
    max-width: 158px;
    height: 300px;
}
.class-type {
    width: 150%;
}
.class-desc h3 {
    color: #ffffff;
    margin-top: 3px;
    direction: rtl;
    text-align: right;
    width: 120px;
    margin-left: -60px;
}
.class-desc p {
display: none;
}
.gallery {
    padding: 100px 0;
    margin-left: 65px;
    width: 288px;
}
.blog-post .post-content {
    background-color: #f7f8fc;
    padding: 30px;
    width: 380px;
    margin-left: -3px;
}
.heading-block1 {
    padding-left: 247px;
}
.contact-section .col-md-6 {
    width: 95%;
}
explain {
    height: auto;
    width: 95%;
    margin-left: 3%;
}
.explain p {
    margin-left: 5%;
    width: 300px;
    line-height: 2;
}
.bordered {
    background-color: #194769;
    margin-left: 5%;
    width: 361px;
}
.egmaly {
    margin-right: 4%;
    margin-top: -15%;
}
.empty_cart {
    margin-left: 10%;
}
.span3 {
    width: 72%;
}
.last_table {
    width: 293px;
}
.bordered1 {
    border: solid #ccc 1px;
    margin-left: 14%;
    margin-top: 4%;
    width: 293px;
}
}


@media only screen and (max-width: 375px) {
	.our-features {
margin: auto
	}
	.our-facility{
		margin: auto
	} 
	.banner.small {
		margin: auto
    }
    .about-us p {
        color: #000;
        width: 306px;
        margin-top: 1%;
        margin-left: 2%;
    }
    .teacher-desc p {
        margin-left: -2%;
        width: 294px;
    }
    .banner.small {
        margin: auto;
        height: 258px;
    }
    .facility-item h4.title {
        color: #ffffff;
        margin: 15px 132px;
    }
    .heading-block1:after{
        margin: 1% 0% 0 -607%;
    }
    .cover {
        width: 93%;
        margin-top: -38%;
        margin-left: 0%;
    }
	.heading-block h2 {
		margin-bottom: 5px;
		padding-top: 10px;
		text-align: center;
		margin-right: 6px;
	}
	.heading-block h4.tagline {
		color: #999999;
		text-align: center;
		margin-right: 1px;
	}
	.heading-block:after {
		content: '';
		display: block;
		margin: 15px 0 0 107px;
		width: 128px;
		border-top: 5px solid #0097a7;
	}
	.features {
		margin-top: 50px;
		width: 380px;
	}
	.feature-item .feature-icon {
		display: inline-block;
		border-radius: 50%;
		height: 120px;
		width: 120px;
		position: relative;
		overflow: hidden;
		float: left;
		margin-right: -427px;
		margin-left: 242px;
	}
	iframe{
		margin: auto
	}
	.testimonial {
		margin: auto
    }
    
	#copyright{
		margin: auto
	}
	#copyright .prag {
		color: #fff;
		direction: rtl;
		width: 236px;
		line-height: 29px;
		margin-left: 123px;
		margin-top: -256px;
	}
	.copyright-text {
		text-align: center;
		margin-top: 148px;
		padding-left: -16px;
		width: 20px;
		/* margin-right: 26px; */
		margin-left: -41px;
}
#copyright .social-links ul {
    float: none;
    text-align: center;
    margin-top: -61px;
    margin-left: 271px;
}
#copyright input {
    width: 130px;
    margin-left: -7px;
}
.left-text p {
    color: #fff;
    text-align: right;
    direction: rtl;
    line-height: 3;
    width: 336px;
    margin-left: -17%;
}
.gallery {
    padding: 100px 0;
    margin-left: -5px;
    width: 363px;
}
.blog-post .post-item {
    margin-bottom: 60px;
    width: 329px;
}
.blog-post .post-content {
    background-color: #f7f8fc;
    padding: 30px;
    width: 335px;
    margin-left: -6px;
}
.heading-block1 {
    padding-left: 247px;
}
#button{
    width: 102px;
}
#contact {
    margin-left: 1px;
}
.feature-icon{
    margin-left: 230px;
}
.heading-block:after {
    content: '';
    display: block;
    margin: 15px 0 0 92px;
    width: 128px;
    border-top: 5px solid #0097a7;
}
.heading-block h2:after {
    content: '';
    display: block;
    margin: 5px 6px 15px 78px;
    width: 152px;
    border-top: 5px solid #0097a7;
}
.button-normal.green a {
    background-color: #0097a7;
    border: 1px solid #0097a7;
    color: #ffffff;
    margin-top: 8%;
}
    .card {
        margin-right: 6%;
    }

.page-title h1 {
    line-height: 1.4;
    margin-left: 78%;
    font-size: 15px;
}
.card1 {
    margin-left: 8%;
}
.class-item {
    margin-bottom: 40px;
    max-width: 274px;
    height: 300px;
    margin-left: 38px;
}
.contact-section .col-md-6 {
    width: 95%;
}
.bordered {
    background-color: #194769;
    margin-left: 5%;
    width: 331px;
}
.empty_cart {
    margin-left: 0%;
}
.contact_detail {
    margin-left: 4%;
}
.span3 {
    width: 69%;
}
.last_table {
    width: 258px;
}
.tit {
    margin-top: 65%;
    text-align: center;
}


}



@media only screen and (max-width: 360px) {
	.our-features {
margin: auto
	}
	.our-facility{
		margin: auto
	} 
	.banner.small {
		margin: auto
	}
	.flexslider-wrap .flexslider .slides .flex-content h1 {
		font-size: 22px !important;
		line-height: 2;
		margin-left: -48px;
		width: 247px;
	}
	.flexslider-wrap .flexslider .slides .flex-content p {
		font-size: 14px !important;
		margin-left: -81px;
		width: 303px;
		line-height: 24px;
	}
	.heading-block:after {
		content: '';
		display: block;
		margin: 15px 0 0 76px;
		width: 128px;
		border-top: 5px solid #0097a7;
	}
	.heading-block h2:after {
		content: '';
		display: block;
		margin: 5px 6px 15px 64px;
		width: 152px;
		border-top: 5px solid #0097a7;
	}
	.heading-block h2 {
		margin-bottom: 5px;
		padding-top: 10px;
		text-align: center;
		margin-right: 6px;
	}
	.heading-block h4.tagline {
		color: #999999;
		text-align: center;
		margin-right: 1px;
	}
	.heading-block:after {
		content: '';
		display: block;
		margin: 15px 0 0 107px;
		width: 128px;
		border-top: 5px solid #0097a7;
	}
	.features {
		margin-top: 50px;
		width: 380px;
	}
	.feature-item .feature-icon {
		display: inline-block;
		border-radius: 50%;
		height: 120px;
		width: 120px;
		position: relative;
		overflow: hidden;
		float: left;
		margin-right: -427px;
		margin-left: 226px;
    }
    .our-features #dm {
        margin-bottom: 12%;
        margin-right: 42%;
        margin-top: 180%;
    }
	iframe{
		margin: auto
	}
	.testimonial {
		margin: auto
	}
	#copyright{
		margin: auto
	}
	#copyright .prag {
		color: #fff;
		direction: rtl;
		width: 236px;
		line-height: 29px;
		margin-left: 115px;
		margin-top: -256px;
	}
	.copyright-text {
		text-align: center;
		margin-top: 148px;
		padding-left: -16px;
		width: 20px;
		/* margin-right: 26px; */
		margin-left: -41px;
}
#copyright .social-links ul {
    float: none;
    text-align: center;
    margin-top: -61px;
    margin-left: 271px;
}
.copyright-text {
    text-align: center;
    margin-top: 148px;
    padding-left: -16px;
    width: 20px;
    margin-left: -55px;
}
#copyright p {
    color: #000;
    direction: rtl;
    width: 299px;
    line-height: 29px;
    text-align: right;
}
copyright .social-links ul {
    float: none;
    text-align: center;
    margin-left: 223px;
}
.blog-post .post-content {
    background-color: #f7f8fc;
    padding: 30px;
    width: 322px;
    margin-left: -6px;
}
.heading-block1 {
    padding-left: 232px;
}
.gallery {
    padding: 100px 0;
    margin-left: 40px;
    width: 279px;
}
.heading-block.page-title h1 {
    color: #0097a7;
    font-size: 20px;
    margin-left: 136px;
    margin-top: 15px;
}
img {
    max-width: 96%;
    height: auto;
    display: block;
}
.class-item {
    margin-bottom: 40px;
    max-width: 162px;
    height: 300px;
    margin-left: 6px;
}
.contact-section .col-md-6 {
    width: 101%;
}
#contact .form-group {
    margin-top: 10px;
    width: 201px;
}
.explain p {
    margin-left: -1%;
    width: 300px;
    line-height: 2;
}
.our-features {
    margin: auto
        }
        .our-facility{
            margin: auto
        } 
        .banner.small {
            margin: auto;
            height: 267px;
        }
        .flexslider-wrap .flexslider .slides .flex-content h1 {
            font-size: 22px !important;
            line-height: 2;
            margin-left: -48px;
            width: 247px;
        }
        .flexslider-wrap .flexslider .slides .flex-content p {
            font-size: 14px !important;
            margin-left: -81px;
            width: 303px;
            line-height: 24px;
        }
        .carousel-caption p {
            width: 281px;
            margin-left: -10%;
        }
        .about-us p {
            color: #000;
            width: 304px;
            margin-top: 1%;
            margin-left: 2%;
        }
        .facility-item h4.title {
            color: #ffffff;
            margin: 15px 123px;
        }
        .cover {
            width: 93%;
            margin-top: -40%;
            margin-left: 0%;
        }
        .teacher-desc p {
            margin-left: -2%;
            width: 273px;
        }
        .blog-post .post-item {
            margin-bottom: 60px;
            width: 315px;
        }
        .blog-post .post-image {
            position: relative;
            margin-left: -18px;
        }
        .bordered {
            background-color: #194769;
            margin-left: 5%;
            width: 296px;
        }
        .egmaly {
            margin-right: 4%;
            margin-top: -26%;
        }
        .empty_cart {
            margin-left: 35%;
        }
        .pay_ment{
            margin-top: -36px;
            text-align: center;
            width: 84px;
            margin-left: 5%;
        }
        .contact_detail {
            margin-left: 2%;
        }
        .hero p{
            width: 261px;
        }
        
        
}





@media only screen and (max-width: 320px) {
	.our-features {
margin: auto
	}
	.our-facility{
		margin: auto
	} 
	.banner.small {
		margin: auto
	}
	.flexslider-wrap .flexslider .slides .flex-content h1 {
		font-size: 22px !important;
		line-height: 2;
		margin-left: -48px;
		width: 247px;
	}
	.flexslider-wrap .flexslider .slides .flex-content p {
		font-size: 14px !important;
		margin-left: -81px;
		width: 303px;
		line-height: 24px;
    }
    .carousel-caption p {
        width: 238px;
        margin-left: -10%;
    }
	.heading-block:after {
		content: '';
		display: block;
		margin: 15px 0 0 76px;
		width: 128px;
		border-top: 5px solid #0097a7;
    }
    .about-us p {
        color: #000;
        width: 262px;
        margin-top: 1%;
        margin-left: 2%;
    }
    .teacher-desc p {
        margin-left: -2%;
        width: 223px;
    }    
    .feature-item .feature-icon {
        display: inline-block;
        border-radius: 50%;
        height: 120px;
        width: 120px;
        position: relative;
        overflow: hidden;
        float: left;
        margin-right: -427px;
        margin-left: 189px;
    }
    .our-features #dm {
        margin-bottom: 12%;
        margin-right: 42%;
        margin-top: 180%;
    }
    .facility-item h4.title {
        color: #ffffff;
        margin: 15px 99px;
    }
    .heading-block1:after {
        content: '';
        display: block;
        margin: 1% 0% 0 -950%;
        width: auto;
        border-top: 5px solid #0097a7;
    }
    .heading-block1:after {
    content: '';
    display: block;
    margin: 1% 0% 0 -950%;
    width: auto;
    border-top: 5px solid #0097a7;
}
.hero p{
    width:276px;
}
	.heading-block h2:after {
		content: '';
		display: block;
		margin: 5px 6px 15px 64px;
		width: 152px;
		border-top: 5px solid #0097a7;
	}
	.heading-block h2 {
		margin-bottom: 5px;
		padding-top: 10px;
		text-align: center;
		margin-right: 6px;
	}
	.heading-block h4.tagline {
		color: #999999;
		text-align: center;
		margin-right: 1px;
	}
	.heading-block:after {
		content: '';
		display: block;
		margin: 15px 0 0 107px;
		width: 128px;
		border-top: 5px solid #0097a7;
	}
	.features {
		margin-top: 50px;
		width: 380px;
	}

	iframe{
		margin: auto
	}
	.testimonial {
		margin: auto
	}
	#copyright{
		margin: auto
	}



.heading-block1 {
    padding-left: 202px;
}
.gallery {
    padding: 100px 0;
    margin-left: 24px;
    width: 281px;
}

img {
    max-width: 96%;
    height: auto;
    display: block;
}
.class-item {
    margin-bottom: 40px;
    max-width: 162px;
    height: 300px;
    margin-left: 6px;
}
.contact-section .col-md-6 {
    width: 101%;
}
#contact .form-group {
    margin-top: 10px;
    width: 201px;
}
.explain {
    height: auto;
    width: 95%;
    margin-left: 3%;
}
.explain p {
    margin-left: -1%;
    width: 250px;
    line-height: 2;
}
.blog-post .post-item {
    margin-bottom: 60px;
    width: 276px;
}
.blog-post .post-image {
    position: relative;
    margin-left: -11px;
}
.blog-post .post-content {
    background-color: #f7f8fc;
    padding: 30px;
    width: 279px;
    margin-left: -4px;
}
#fa1 {
    margin-top: 163px;
}
#copyright input {
    width: 110px;
    margin-left: -7px;
}
#copyright .prag {
    color: #fff;
    direction: rtl;
    width: 199px;
    line-height: 29px;
    margin-left: 102px;
    margin-top: -256px;
}
.copyright-text {
    text-align: center;
    margin-top: 148px;
    padding-left: -16px;
    width: 20px;
    margin-left: -40px;
}
#copyright .social-links ul {
    float: none;
    text-align: center;
    margin-top: -61px;
    margin-left: 247px;
}
.Block-Shop {
    width: 286px;
    left: 3%;
}
.page-title h1{
    margin-left: 70%;
    
}
.card {
    margin-right: 10%;
    width: 231px;
}
.top-link{
    padding-right: 14px;
}
.top-link a{
    width: 244px;
}
.contact_detail{
    margin-left: 0;
} 
.follow {
    margin-left: 30%;
    margin-bottom: 3%;
}
.cover{
    margin-top: -45%;
}
.copyright-text{
    margin-left: -58px;
}
}