@media(max-width: 991px){
     .main-menu > ul > li {
         margin-left: 20px;
    }
     .left-image-content .right-content {
         padding-left: 0;
    }
}
/*For mobile*/
 @media(max-width: 767px){
     body{
         margin-top: 80px;
    }
     h1{
         font-size: 42px;
         line-height: 1.19;
    }
     .header-area {
         padding-top: 16px;
         padding-bottom: 13px;
         position: fixed;
         width: 100%;
         top: 0;
         background-color: #ffffff;
         z-index: 9;
    }
     .header-area .col-md-auto.navbar-expand-md{
         background-color: #FEFBF5;
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         z-index: -1;
    }
     .header-top{
         display: none;
    }
     .logo {
         float: left;
         margin-bottom: 0;
         width: calc(100% - 50px);
    }
     .logo img{
         max-width: 125px;
    }
     .mobilemenu-bar {
         float: right;
         margin-left: 10px;
         margin-top: 7px;
         width: 40px;
    }
     a.anchor-link {
         display: inline-block;
    }
     .mobilemenu > span {
         background-color: #E0775E;
         border-radius: 2px;
         display: block;
         height: 3px;
         margin: 5px 0;
         width: 40px;
         transition: all 0.3s ease 0s;
         -moz-transition: all 0.3s ease 0s;
         -webkit-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
    }
     body.active .mobilemenu > span {
         height: 3px;
    }
     body.active .mobilemenu > span:first-child {
         margin-top: 13.5px;
         -webkit-transform: rotate(50deg);
         transform: rotate(50deg);
    }
     body.active .mobilemenu > span:last-child {
         margin-top: -7px;
         -webkit-transform: rotate(-50deg);
         transform: rotate(-50deg);
    }
     body.active .mobilemenu > span:nth-child(2) {
         display: none;
    }
     .main-menu {
         margin-top: 0;
         padding-top: 100px;
         padding-bottom: 45px;
    }
     .main-menu ul {
         text-align: center;
    }
     .main-menu > ul > li {
         margin-left: 0;
         display: block;
    }
     .main-menu > ul > li.register {
         max-width: 160px;
         margin: auto;
    }
     .main-menu > ul > li > a {
         display: inline-block;
         padding-bottom: 15px;
    }
     .main-menu > ul > li > ul {
         position: inherit;
         width: 100%;
         visibility: visible;
         opacity: 1;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
         padding: 0;
         right: inherit;
         text-align: center;
         background-color: transparent;
         display: none;
         margin-bottom: 20px;
         transform: translateY(0px);
         -moz-transform: translateY(0px);
         -webkit-transform: translateY(0px);
    }
     .main-menu > ul > li > ul > li {
         margin-bottom: 8px;
    }
     section.banner-area {
         background-image: none;
         padding-top: 0;
         padding-bottom: 54px;
    }
     section.banner-area > img{
         margin-bottom: 27px;
    }
     .watch-video {
         background-image: url(../img/video-orange.png);
         border: 1px solid #E0775E;
         margin-left: 0;
         color: #E0775E;
         display: block;
         margin-top: 10px;
    }
     .covenant-path-area {
         padding-top: 72px;
         padding-bottom: 72px;
    }
     .image-with-content {
         padding-top: 0;
         padding-bottom: 57px;
    }
     .image-with-content h3 {
         margin-top: 37px;
    }
     .flex-row-reverse .right-content, .left-image-content .left-content {
         margin-left: -12px;
         margin-right: -12px;
    }
     .testimonial-area {
         padding-bottom: 60px;
         padding-top: 110px;
    }
     .author-thumbnail {
         margin-bottom: 37px;
    }
     .testimonial-content {
         margin-left: 0;
         max-width: 100%;
         text-align: center;
    }
     .testimonial-content h2 {
         margin-bottom: 40px;
    }
     .cta-right {
         text-align: left;
         margin-top: 37px;
    }
     .footer-area {
         padding-top: 43px;
    }
    /*Inner page*/
     .inner-content-area {
         padding-top: 45px;
         padding-bottom: 0;
    }
}
 @media only screen and (min-width: 1280px) and (max-width: 5500px) {
     .fancybox-content {
         width: 800px !important;
         height: 450px !important;
    }
}
 