@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700|Raleway:300,400,500,600,700');
   
*{ padding:0; margin:0;}
/*body{ padding:0; margin:0; font-size:16px; font-family: 'Raleway', sans-serif; }*/
body{ padding:0; margin:0; font-size:16px; font-family: 'Times New Roman'; }
.header-bg{background:url(../images/header-background.jpg) center no-repeat; background-size:cover; min-height:100px; border-bottom:solid 1px #0078c8;}
.header-bg .logo{ margin:16px 0;}
.header-bg .col-sm-10{background:url(../images/header-bg.png) left center no-repeat #0078c8; min-height:100px;}
.header-bg .follow-us{margin:20px 0 0; padding:0; list-style:none; float:right;}
.header-bg .follow-us li{ margin-left:20px; display:inline-block;}
.header-bg .follow-us li a{ color:#fff; font-weight:400; text-decoration:none;}
.header-bg .follow-us li a:hover{color:#e4e4e4;}
.header-bg .follow-us li a i{ margin-right:6px; font-size:18px;}
.follow-us img { padding-right: 5px;}
.header-bg .navbar-default{ float:right; background:none; border:none; margin:8px 0 0;}
.header-bg .navbar-brand{ display:none;}
.header-bg .navbar-default .navbar-nav li:last-child{margin-right:0;}
.header-bg .navbar-default .navbar-nav li{ margin:0 13px;}
.header-bg .navbar-default .navbar-nav a{ color:#fff; padding:15px 0; font-size:15px; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-weight:400; border-bottom:3px solid #0078c8; background:none;}
.header-bg .navbar-default .navbar-nav li a:hover{ border-bottom:3px solid #ff0f7d;  background:none !important; color:#ff0f7d;}
.header-bg .navbar-default .navbar-nav li.active a
.header-bg .navbar-default .navbar-collapse{padding:0;}
.banner .item img{margin:0 auto; width:100%; }
.album-left{ text-align:center; margin:60px 0 50px; border:solid 1px #ddd; padding:30px 0 18px;}
.album-left .img-responsive{ display:inline-block;}
.album-left h2{ font-size:30px; color:#0078c8; text-transform:uppercase; margin:20px 0 18px; padding:0; font-family: 'Oswald', sans-serif; font-weight:700;}
.album-left p{ font-size:20px; color:#000; margin:0; padding:0;}
.album-right h2{ color:#ff1c84; font-family: 'Oswald', sans-serif; font-weight:700;}
.services{padding:50px 0 15px; border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.services .carousel-inner {
    min-height:420px !important;}
.services h2{font-size:36px; text-transform:uppercase; color:#0078c8; text-align:center; margin:0 0 40px; font-family: 'Oswald', sans-serif; font-weight:700;}
.services h2 span{color:#ff0f7d;}
.now-available{background:url(../images/avilable-banner.jpg) top center; background-size:cover; padding:70px 0; text-align:center;}
.now-available h2{font-size:36px; color:#fff; text-transform:uppercase; margin:0 0 30px; font-family: 'Oswald', sans-serif; font-weight:700;}
.now-available ul{list-style:none; margin:0;}
.now-available ul li{display:inline-block; margin:0 10px;}
.contact-us{padding:50px 0;}
.contact-us .contact-details h2{font-size:36px; text-transform:uppercase; color:#0078c8; margin:25px 0; font-family: 'Oswald', sans-serif; font-weight:700;}
.contact-us .contact-details h2 span{color:#ff0f7d;}
.contact-us .contact-details ul{list-style:none; margin:0;}
.contact-details ul li{padding:12px 0;}
.contact-details ul li img{float:left; padding-right:10px;}
.contact-details ul li p{font-size:18px; text-transform:uppercase; font-weight:700; color:#333; line-height:22px;}
.contact-details ul li p span{display:block; font-size:16px; font-weight:400; text-transform:lowercase; }
.contact-form h2{font-size:36px; text-transform:uppercase; color:#0078c8; margin:0 0 30px; font-family: 'Oswald', sans-serif; font-weight:700;}
.contact-form h2 span{color:#ff0f7d;}
.contact-form form input{height:44px; padding:10px 15px; margin-bottom:25px; font-size:18px; }
.contact-form form button{background:none; border:solid 2px #ff0f7d; font-size:24px; width:100%; color:#ff0f7d; text-transform:uppercase; padding:10px 0; margin:20px 0 0; font-weight:700;}
.contact-form form button:hover{color:#0078c8; border:solid 2px #0078c8; background:none;}
#footer{background:#333; padding:50px 0 0; text-align:center;}
#footer ul{list-style:none; margin:40px 0 0;}
#footer ul li{display:inline-block; padding:0 15px;}
#footer ul li a{font-size:16px; color:#fff; display:block; text-decoration:none;}
#footer ul li a:hover{color:#0078c8;}
#footer ul.social-icon{margin:40px 0;}
#footer ul.social-icon li{padding:0 3px;}
#footer ul.social-icon li a{width:40px; height:40px; background:#0078c8; text-align:center; line-height:40px; border-radius:50%;}
#footer ul.social-icon li a i{color:#fff;}
#footer ul.social-icon li:hover a{background:#ff0f7d;}
#footer p{background:#ff0f7d; display:block; width:100%; padding:10px 0; margin:0; text-align:center; font-size:16px; color:#fff;}
#demos .owl-nav{display:none;}
.services .carousel-control.left{ left:-120px; background:url(../images/auro-left.png) top center no-repeat; top:140px;}
.services .carousel-control.right{right:-100px; background:url(../images/auro-right.png) top center no-repeat; top:140px;}
.services .carousel-control.left span, .services .carousel-control.right span{display:none;}
.services-img{text-align:center;}
/*.services-details h3{font-size:24px; text-transform:uppercase; font-weight:700;}*/
.services-details h3{font-size:24px;font-weight:700;}
.services .services-details ul{list-style:none;}
.services .services-details ul li{padding:5px 0; font-size:16px;}
.services .services-details ul.app-section li{display:inline-block; padding:5px 15px 5px 0;}
.services .services-details ul.view-btn li a{font-size:20px; color:#ff0f7d; background:none; border:solid 2px #ff0f7d; border-radius:4px; display:block; width:150px; text-align:center; padding:8px; text-decoration:none;}
.services .services-details ul.view-btn li a:hover{color:#0078c8; border:solid 2px #0078c8;}

/*____________________ Contact Us ___________________*/
.header-banner{background:url(../images/header-banner.jpg) top center no-repeat; background-size:cover; padding:15px 0;}
/*.header-banner{background:url(../images/header-banner.jpg) top center no-repeat; background-size:cover; padding:60px 0;}*/
.header-banner h2{font-size:36px; color:#fff; margin:0; /*text-transform:uppercase;*/ display:block; text-align:center; font-weight:700; font-family: 'Oswald', sans-serif;}
/*____________________ download ___________________*/
.download-banner{background:url(../images/header-banner.jpg) top center no-repeat; background-size:cover; padding:60px 0;}
.download-banner h2{font-size:36px; color:#fff; margin:0; text-transform:uppercase; display:block; text-align:center; font-weight:700; font-family: 'Oswald', sans-serif;}
.down-load{ padding:50px 0; text-align:center;}
.download-details .img-rasponsive{ width:100%; display:inline-block;}
.download-right{ text-align:left;}
.download-right h2{font-family: 'Oswald', sans-serif; font-size:26px; color:#000; margin:22px 0 30px; padding:0; font-weight:700;}
.download-right h2 span{ color:#ff0f7d;}
.download-right a.doanload-button{ border-radius:5px; font-weight:700; text-decoration:none; display:block; padding:10px; width:200px; font-size:20px; color:#fff; background:#0078c8; text-align:center;}
.download-right a.doanload-button:hover{ background:#ff0f7d;}

/*____________________ payment ___________________*/
.payment{ padding:50px 0;}
.payment h2{font-family: 'Oswald', sans-serif; font-weight:700; font-size:19px; color:#0078c8; margin:0 0 20px; padding:0;}
.payment table td{border:1px solid #f1f1f1; padding:10px; font-size:16px; font-weight:700;}

/*____________________ service ___________________*/

.service{ padding:10px 0 50px; text-align:center;}
.service h1{ font-size:40px; color:#000; font-weight:700; text-transform:uppercase; margin:50px 0 0; padding:0; text-align:center;}
.service h1 span{ color: #0078c8;}
.service-details .img-rasponsive{ width:100%; display:inline-block;}
.service-right{ text-align:left; margin-top:34px;}
.service-right h2{font-family: 'Oswald', sans-serif; font-size:26px; color:#000; margin:0 0 10px -16px; padding:0; font-weight:700;}
.service-right h2 span{ color:#ff0f7d;}
.service-right ol{ margin:0;}
.service-right ol li{ font-size:16px; color:#000; font-weight:400;}
.service-right ul{ list-style:none; margin:20px 0 20px -16px;}
.service-right ul li{ display:inline-block; margin-right:10px;}
.service-right .view-button{ list-style:none; margin:0 0 0 -16px;}
.service-right .view-button li{ display:inline-block; margin-right:10px;}
.service-right .view-button li a.service-button{ border-radius:5px; font-weight:700; text-decoration:none; display:block; padding:10px; width:177px; font-size:20px; color:#fff; background:#0078c8; text-align:center;}
.service-right .view-button li a.service-button:hover{ background:#ff0f7d;}

/*____________________ View Album ___________________*/
.view-album{padding:50px 0;}
.view-album .view-album-contant{padding:20px; border:solid 1px #ddd; border-radius:5px; width:50%; margin:0 auto;}
.view-album .view-album-contant label{font-size:14px; color:#333;}
.view-album .view-album-contant input{border-radius:0;}
.view-album .view-album-contant button{padding:10px 20px; background:#ff0f7d; color:#fff; font-size:16px; font-weight:700; text-transform:uppercase; border:none;}
.view-album .view-album-contant button:hover{background:#000; color:#fff;}
.view-album .view-album-contant p{font-size:16px; color:#333; padding:15px 0; margin:0;}
.view-album .view-album-contant ul{list-style:none; margin:0;}
.view-album .view-album-contant ul li{display:inline-block; padding-right:10px;}
.view-album .view-album-contant h2{font-size:22px; color:#333; margin:0; padding-top:15px; line-height:26px;}

.modal .modal-header{background:#0078c8; padding:20px 0; text-align:center;}
.modal .modal-header h4{font-size:24px; color:#fff; text-transform:uppercase; font-weight:700; margin:0;}
.modal .modal-header .close{position:relative; top:-20px; right:6px; font-size:28px; opacity:100;}
.modal .modal-body .radio-inline{margin:10px 20px 30px 0;}
.modal .modal-body form input{border-radius:0; margin-bottom:20px; height:38px;}
.modal .modal-body button{padding:8px 25px; background:#ff0f7d; color:#fff; font-size:16px; font-weight:700; text-transform:uppercase; border:none;}
.modal .modal-body button:hover{background:#000; color:#fff;}
.modal .modal-body a{font-size:18px; color:#333; margin-top:15px; display:block;}
/*.modal .modal-body a{font-size:18px; color:#333; margin-top:15px; display:inline-block;}*/
#register .modal-content label{ font-size:13px; color:#000; font-weight:400; margin:0; }
#register .modal-content a.term-condi{ font-size:13px; color:#ff0f7d; display:inline-block; margin-top:13px;}
#register .modal-content .checkbox input{height:auto;}
/*#register .modal-content .register-btn{margin:10px 0;}*/
#register .modal-content .register-btn{margin: 5px 0;}

.header-banner a{font-size:24px; display:block; color:#fff; background:#ff0f7d; padding:6px 10px; width:180px; text-align:center; border-radius:5px; margin:0 auto; font-weight:700; text-decoration:none;}
.header-banner a:hover{background:#0078c8;}
.creat-photo{padding:40px 0;}
.creat-photo .creat-e-photo{margin:0 auto; border:solid 1px #ddd; border-radius:4px;}
.creat-photo .creat-e-photo h2{background:#0078c8; font-size:30px; padding:15px 10px; text-align:center; margin:0; color:#fff; font-weight:700;}
.creat-photo .creat-e-photo  .panel-group .panel{border-radius:0;}
.more-less {float: right; color: #212121;}
.panel-group .panel + .panel{margin:0;}
.creat-e-photo  .panel-group .panel .panel-body{background:#0078c8; }
.creat-e-photo  .panel-group .panel .panel-body.select-images{min-height:300px; max-height:500px; overflow-y:scroll;}
.panel-body .form-group label{font-size:18px; padding:0; font-weight:400; color:#fff;}
.panel-body .form-group input{color:#fff;}
.panel-title a{text-decoration:none;}
.panel .panel-body img{border:solid 1px #ddd; margin:3px; border-radius:5px;}
.creat-photo .creat-e-photo ul{list-style:none; margin:0;}
.creat-photo .creat-e-photo ul li{display:inline-block; padding:5px 0 20px 15px; }
.creat-photo .creat-e-photo ul li button{font-size:16px; color:#fff; background:#ff0f7d; text-align:center; border-radius:2px;  font-weight:700; padding:8px 20px; border:none;}
.creat-photo .creat-e-photo ul li button:hover{background:#0078c8;}

.edit-profile, .change-password, .your-plan{padding:40px 0;}
.edit-profile .edit{margin:0 auto; border:solid 1px #ddd; }
.edit-profile .edit h2{background:#0078c8; font-size:30px; padding:15px 10px; text-align:center; margin:0; color:#fff; font-weight:700;}
.edit-profile .edit .edit-details{padding:15px;}
.edit-profile .edit .form-group label{font-size:16px; font-weight:400; color:#333;}
.edit-profile .edit button{font-size:16px; color:#fff; background:#ff0f7d; text-align:center; border-radius:2px;  font-weight:700; padding:8px 20px; border:none;}
.edit-profile .edit button:hover{background:#0078c8;}

.change-password .password, .your-plan .make-plan{ margin:0 auto; border:solid 1px #ddd; }
.change-password .password h2, .your-plan .make-plan h2{background:#0078c8; font-size:30px; padding:15px 10px; text-align:center; margin:0; color:#fff; font-weight:700;}
.change-password .password form, .your-plan .make-plan form{padding:15px;}
.change-password .password label{font-size:16px; font-weight:400; color:#333;}
.change-password .password button{font-size:16px; color:#fff; background:#ff0f7d; text-align:center; border-radius:2px;  font-weight:700; padding:8px 20px; border:none;}
.change-password .password button:hover{background:#0078c8;}
 
.your-plan .make-plan button{font-size:16px; color:#fff; background:#ff0f7d; text-align:center; border-radius:2px;  font-weight:700; padding:8px 20px; border:none;}
.your-plan .make-plan button:hover{background:#0078c8;}
.your-plan .make-plan label{font-size:16px; font-weight:400; color:#333;}

.new-album{padding:50px 0;}
.new-album .new-albums-details{width:80%; margin:0 auto;}
.new-albums-details h2{font-size:20px; color:#333; margin:0;}
.new-albums-details ul{list-style:none; margin:5px 0;}
.new-albums-details.edit-plan {width:100%}
.new-albums-details ul li{display:block;padding:8px 20px; background:#ff0f7d; border-radius:4px; margin:5px 5px 0 0;text-align:center;}
.new-albums-details ul li:hover{background:#0078c8;}
/*.new-albums-details ul li a{font-size:18px; color:#fff; text-decoration:none; display:block;}*/
.new-albums-details ul li a{font-size:18px; text-decoration:none; display:block;}
.new-albums-details .top-album-table tr td, .new-albums-details .bottom-table tr td{padding:8px 12px;}
.new-albums-details .top-album-table tr:nth-child(2n+1){background:#f0f0f0;}
.new-albums-details .top-album-table{border-collapse:collapse; border-color:#ddd;}
.new-albums-details .bottom-table{margin-top:5px; border-collapse:collapse; border-color:#ddd;}
.new-albums-details .bottom-table td, .new-albums-details .top-album-table td{ border-collapse:collapse; border-color:#ddd;}
.new-albums-details .bottom-table tr:nth-child(2n+2){background:#f0f0f0;}
.new-albums-details .bottom-table tr:first-child{background:#0078c8; color:#fff;}
.bottom-pagination{background:#ff0f7d; padding:6px;}
.bottom-pagination table{border-color:#fff;}
.bottom-pagination table tr td{padding:8px 12px; color:#fff;}
.bottom-pagination table tr td a{color:#fff; text-decoration:none;}


.vedio-page .view-album-contant button{padding:10px 20px; background:#ff0f7d; color:#fff; font-size:16px; font-weight:700; text-transform:uppercase; border:none;}
.vedio-page .view-album-contant button:hover{background:#000; color:#fff;}

/*____________________ Animation ___________________*/
/*--------------------------------------------------*/
/*.animate { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.delay1 { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay2 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.delay3 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay4 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.delay5 { animation-delay: 1s; -webkit-animation-delay: 1s; }


@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-40px); transform: translateX(-40px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp { 0%{ opacity:0; -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transform:translateY(40px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown { 0%{ opacity:0; -webkit-transform:translateY(-40px); -ms-transform:translateY(-40px); transform:translateY(-40px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.goup, .godown{ overflow: hidden; }
.godown span, .goleft span, .goup span { position: absolute; width: 100%; height: 100%; display: block; opacity: 1; left: 0; top: 0; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95); transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95); }*/

.panel-body.select-images {border:solid 1px #ddd;}
.form-group a#jpeg_encode_button {background:#eee; color:#000; float:right;}
.form-group a#jpeg_encode_button:hover {background:#000; color:#fff;}
#logindiv .modal-dialog {
width:500px;}
.frmGrey {
background:#ddd;}

.frmGrey h2 {
margin-bottom:10px;}

/*...video...*/
.vedio-page {  height: 520px; padding:20px 0; background: #bbc3c5; border-top: solid 1px #484a49; border-bottom: solid 1px #484a49; }
.people li { display: block; white-space: nowrap; padding-left: 5px; padding-top: 5px; }
.people li img {border: solid 1px #ddd; margin: 3px; border-radius: 3px; }
.video-sec {padding: 10px 0; border-bottom: solid 1px #ddd; }
.video-sec .video-img { float: left; width: 34%; margin-right: 10px; overflow: hidden; }
.video-sec .video-img a { width: 100%; height: 90px; display: block; }
.video-sec .video-img img { width: 100%; height: 100%;}
 .video-sec .video-img a:hover { opacity: 0.8; }
.video-sec .video-text { float: right; width: 60%; }
.video-sec .video-text h2 {  font-size: 15px; font-weight: 700; color: #000; margin: 0 0 6px; }
.video-sec .video-text h3 { font-size: 14px; color: #000; margin: 0 0 6px; }
.video-sec .video-text p { font-size: 14px; color: #000; padding: 0; }
.event-name { background: #fff; padding: 10px; }
.event-name h2 { font-size: 24px; color: #202020; margin: 10px 0 0; font-weight: 700;  text-align:center;}

.event-name .logo-mepa-header img{
    float:left;}
.event-name h2#event {padding: 10px 0 0 150px; text-align:left; }

/*...download div...22-11-2017*/

.web_dialog_overlay {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            background: #000000;
            opacity: .15;
            filter: alpha(opacity=15);
            -moz-opacity: .15;
            z-index: 101;
            display: none;
        }

        .web_dialog {
            /*display: none;*/
            position: fixed;
            /*width: 380px;*/
            width: 20%;
            height: 200px;
            top: 50%;
            left: 50%;
            margin-left: -190px;
            margin-top: -100px;
            background-color: #ffffff;
            border: 2px solid #336699;
            padding: 0px;
            z-index: 102;
            font-family: Verdana;
            font-size: 10pt;
        }

        .web_dialog_title {
            border-bottom: solid 2px #336699;
            background-color: #0078c8;
            padding: 4px;
            color: White;
            font-weight: bold;
        }

            .web_dialog_title a {
                color: White;
                text-decoration: none;
            }

        .align_right {
            text-align: right;
        }

        .ancDownload {
            display: block;
            padding: 0px 5px;
            text-decoration: none;
            white-space: nowrap;
            overflow: hidden;
        }
        .divDownload {
            display: inline-block;
            line-height: 18px;
            width: 19px;
            height: 17px;
            color: rgb(255, 255, 255);
            font-size: 12px;
            border-radius: 2px;
            vertical-align: middle;
            text-align: center;
            padding-right: 1px;
            font-weight: bold;
            margin-left: 3px;
            background-color: rgb(80, 80, 80);
        }

        .spn1Download {
            float: right;
            line-height: 22px;
            height: 22px;
        }
    

@media(min-width:300px) and ( max-width:767px){
.header-bg{background:none; height:auto;}
.header-bg .logo{text-align:center;}
.header-bg .logo img{display:inline-block;}
.header-bg .col-sm-10{background-image:none; background:#0078c8; min-height:auto;}
.header-bg .follow-us{display:none;}
.header-bg .navbar-brand{ display:block; padding:15px 0; color:#fff; }
.header-bg .navbar-default{float:none;}
.header-bg .navbar-default .navbar-nav li a{padding:10px 15px; }
.header-bg .navbar-default .navbar-nav li:hover a{background:#ff0f7d!important; border:none; color:#fff; }
.navbar-default .navbar-toggle{background:#ff0f7d;}
.album-left{margin:30px 0;}
.album-left h2{ font-size:22px;}
.album-left p{ font-size:12px;} 
.services{padding:30px 0;}
.services h2{ margin:0; font-size:30px;}
.services .services-details{text-align:center;}
.services-details h3{font-size:16px;}
.services .services-details ul li{font-size:12px;}
.services .services-details ul.app-section li{width:48%; display:inline-block;}
.services .services-details ul.app-section li img{width:125px;}
.services .services-details ul.view-btn li{width:100%;}
.services .services-details ul.view-btn li a{margin:0 auto;}
.services-img img{width:270px;}
.services .carousel-control.left{left:-18px; top:220px;}
.services .carousel-control.right{right:-12px; top:220px;}
.now-available{ padding:30px 0 25px;}
.now-available h2{font-size:30px; margin:0 0 15px;}
.now-available ul li{ margin:16px 0;}
.contact-us .contact-details h2, .contact-form h2{ font-size:30px;}
.contact-details ul li p span{ font-size:14px;}
.contact-form{ padding-top:20px;}
#footer ul li{ padding:10px 12px;}
#footer ul li a{ font-size:14px;}
#footer p{font-size:14px;}
.download-details{ display:inline-block;}
.download-right{ margin-top:34px;text-align:center;}
.download-right a.doanload-button{ display:inline-block;}

/*.....9/13/2017.....*/
.view-album .view-album-contant{width:100%; padding:10px;}
.view-album-contant.animate.fadeInDown img{width:120px;}
.new-album .new-albums-details{width:100%; overflow-x:scroll;}
.new-albums-details ul li{margin:2px 0;}
.new-albums-details table{width:750px; }
.change-password .password, .your-plan .make-plan, .edit-profile .edit, .creat-photo .creat-e-photo{width:100%;}

/*.....10/18/2017.....*/
#logindiv .modal-dialog {
width:300px;}


/*....video-page-21/11/2017....*/
.vedio-page {height:auto!important; }
.my-player-big-video {height:auto!important;}

  /*----- video evnts name 11/16/2017-----*/
            .vedio-page {
                height: auto;
                padding: 15px 0;
            }

            .event-name .footer-img-mayur-logo {
                display: inline-block;
            }


            .event-name {
                text-align: center;
            }

                .event-name a {
                    display: inline-block;
                }

                .event-name h2 {
                    font-size: 18px; font-weight: 400; 
                }

            .my-player-big-video {
                height: auto !important;
            }

            .video-sec .video-img {
                width: 40%;
            }

            .video-sec .video-text {
                width: 56%;
            }

            .event-name h2#event {padding: 10px 0 0 0; text-align:center; }

}


@media(min-width:768px) and (max-width:991px){

.header-bg .logo{ margin:28px 0;}
.header-bg .follow-us li{ margin-left:12px;}
.header-bg .navbar-default .navbar-nav li{ margin:0 5px;}
.header-bg .navbar-default .navbar-nav a{ font-size:12px;}
.album-left{ margin:30px 0; padding:24px 10px 18px; }
.album-left h2{ font-size:18px; margin:18px 0 10px;}
.album-left .img-responsive{ display:inline-block;}
.album-left p{ font-size:15px;}
.services h2{ font-size:30px; margin-bottom:10px;}
.now-available h2, .contact-form h2, .contact-us .contact-details h2{ font-size:30px;}
.now-available{ padding:30px 0;}
.services{padding:30px 0;}
.services-details h3{font-size:20px;}
.services .services-details ul li{font-size:12px;}
.services .services-details ul.app-section li a img{width:80%;}
.services .services-details ul.app-section li{width:48%;}
.contact-us{padding:30px 0 10px;}
.services .carousel-control.left{left:-62px; top:150px;}
.services .carousel-control.right{right:-24px; top:150px;}
.services-img img{width:80%; margin:100px 50px 0 0; }

/*.....9/13/2017.....*/
.new-albums-details ul li a{font-size:16px;}
.new-albums-details .top-album-table tr td, .new-albums-details .bottom-table tr td{padding:8px;}

/*---18-10-2017*/
.new-albums-details.edit-plan {
    width: 40%;
}

/*----- video evnts name 11/16/2017-----*/
            .event-name h2 {
                font-size: 16px;
            }

            .video-sec .video-img {
                width: 38%;
            }

                .video-sec .video-img a {
                    height: 76px;
                }

            .video-sec .video-text {
                width: 56%;
            }

}

@media(min-width:992px) and (max-width:1199px){	

.header-bg .navbar-default .navbar-nav li{ margin:0 12px;}
.header-bg .navbar-default .navbar-nav a{ font-size:13px;}
.album-left{ min-height:380px; margin:40px 0; padding:24px 10px 18px; }
.album-left .img-responsive{ display:inline-block;}
.services .carousel-control.right{ right-40px;}	
.album-left h2{ font-size:26px; margin:18px 0;}
.album-left p{ font-size:16px;}
.now-available h2, .contact-form h2, .contact-us .contact-details h2{ font-size:30px;}
.services, .now-available, .contact-us{padding:40px 0;}
.services .carousel-control.right{right:-40px;}
.services .carousel-control.left{left:-95px;}
.services-img img{width:70%; margin-top:50px;}

 /*----- video evnts name 11/16/2017-----*/
            .event-name h2 {
                font-size: 19px;
            }

            .video-sec .video-img a {
                height: 85px;
            }

}



/*----- video evnts name 18/12/2017-----*/

/*.jssorl-009-spin img {
        animation-name: jssorl-009-spin;
        animation-duration: 1.6s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes jssorl-009-spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }


    .jssora106 {
        display: block;
        position: absolute;
        cursor: pointer;
    }

        .jssora106 .c {
            fill: #fff;
            opacity: .3;
        }

        .jssora106 .a {
            fill: none;
            stroke: #000;
            stroke-width: 350;
            stroke-miterlimit: 10;
        }

        .jssora106:hover .c {
            opacity: .5;
        }

        .jssora106:hover .a {
            opacity: .8;
        }

        .jssora106.jssora106dn .c {
            opacity: .2;
        }

        .jssora106.jssora106dn .a {
            opacity: 1;
        }

        .jssora106.jssora106ds {
            opacity: .3;
            pointer-events: none;
        }

    .jssort101 .p {
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        background: #000;
    }

        .jssort101 .p .cv {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 2px solid #000;
            box-sizing: border-box;
            z-index: 1;
        }

    .jssort101 .a {
        fill: none;
        stroke: #fff;
        stroke-width: 400;
        stroke-miterlimit: 10;
        visibility: hidden;
    }

    .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {
        border: none;
        border-color: transparent;
    }

    .jssort101 .p:hover {
        padding: 2px;
    }

        .jssort101 .p:hover .cv {
            background-color: rgba(0,0,0,6);
            opacity: .35;
        }

        .jssort101 .p:hover.pdn {
            padding: 0;
        }

            .jssort101 .p:hover.pdn .cv {
                border: 2px solid #fff;
                background: none;
                opacity: .35;
            }

    .jssort101 .pav .cv {
        border-color: #fff;
        opacity: .35;
    }

    .jssort101 .pav .a, .jssort101 .p:hover .a {
        visibility: visible;
    }

    .jssort101 .t {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        opacity: .6;
    }

    .jssort101 .pav .t, .jssort101 .p:hover .t {
        opacity: 1;
    }*/