@media only screen and (min-width:1500px) and (max-width:1700px)
{
    .main .event-photos{background-position: top center;     top: -146px;   }    
}
@media only screen and (max-width:1700px) /* container size */
{
    .mainimg{ padding-left: 15px;padding-right: 15px;}
    .main .event-photos .mainimg .eimg{ height: 460px;width: 31.5%;}
    .contact-us { right: -50px;}
    .contact-us a{font-size: 12px;}

}
@media only screen and (min-width:1367px) and (max-width:1499px)
{
    .home_slider li{min-height: 684px;}
    .mainimg {padding-top: 200px;}
    .main .event-photos{    top: -157px;}
    .header-background .banner-content{margin-top: 241px}
    .contact-us {right: -60px;top: 316px;}
    .main .event-photos .mainimg .eimg{margin-right: 33px;height: 420px}
    .videos {margin-top: 50px;}


}
@media only screen and (max-width:1366px) /* container size */
{
    header .nav1 .menu .menu-item-has-children:hover .sub-menu {top: 66px;}
    .home_slider li{min-height: 600px;}
    .mainimg {padding-top: 200px;}
    .main .event-photos{    top: -157px;}
    .header-background .banner-content{margin-top: 170px}
    .contact-us {right: -60px;top: 316px;}
    .main .event-photos .mainimg .eimg{margin-right: 33px;height: 420px}
    .videos {margin-top: 50px;}
}





@media only screen and (max-width:1365px) /* container size */
{

    body{background-color: #f7f7f7}
    .container{padding-left: 15px;padding-right: 15px}
    .contact-us {right: -60px;top: 276px;}
    header .logo {margin-left: 10px;padding: 10px 0px;}
    header .logo a img{max-width: 130px}
    header .nav1 .menu li a{font-size: 12px;    margin-left: 0;    padding: 25px 5px 25px 5px;}
    header.active .logo {padding: 10px 0px;}
    header .nav2 .nav2p img {padding-right: 10px;}
    header .nav2 {margin-top: 16px;}
    .main .event-photos {top: -95px;}
    .mainimg {padding-top: 120px;padding-bottom: 0px}
    .main .event-photos:after {height: 80px;bottom: -80px;}
    .main .event-photos .mainimg .eimg p{font-size: 20px}
    .main .about-us h2{margin-top: 0px}
    .header-background .banner-content h2 {font-size: 35px;line-height: 36px;padding-bottom: 5px;}
    .home_slider li {min-height: 550px;}
    .main .event-photos .mainimg .eimg{margin-right: 27px;height: 313px;}
    .main .about-us .about-content{max-width: 980px;margin: 0 auto}
    .main .about-us .about-content .ac1{padding: 80px 30px;}
    .videos{background-color: #fff;padding-bottom: 20px;margin-top: 0px}
    .videos .camera-icon{padding: 0px 15px;padding-top: 20px}
    .vd{padding: 0px 15px}
    .video1 .col_img{height: 150px}
    .videos .video1 h3 {font-size: 14px;padding-top: 15px;padding-bottom: 10px;}
    .videos .video1 p {font-size: 12px;padding-left: 10px;padding-right: 10px;line-height: 17px;}
    .videos .video1{margin-right: 31px}
    .videos .video1 a{padding-top: 15px;padding-bottom: 20px}
    .videos .more-video{width: 230px;height: 60px}
    .videos .more-video a{padding: 0px;line-height: 58px}
    .after-video h2 {font-size: 20px;padding-top: 25px;padding-bottom: 20px;}
    .after-video a {font-size: 14px;padding: 10px 17px;margin-bottom: 25px;}

}

@media only screen and (max-width:1024px) /* if tablate and mobile view is same */
{
    .container{padding-left: 15px;padding-right: 15px}
    .contact-us {right: -60px;top: 276px;}
    header .logo {margin-left: 10px;padding: 10px 0px;}
    header .logo a img{max-width: 130px}
    header .nav1 .menu li a{font-size: 12px;    margin-left: 0;    padding: 25px 5px 25px 5px;}
    header.active .logo {padding: 10px 0px;}
    header .nav2 .nav2p img {padding-right: 10px;}
    header .nav2 {margin-top: 16px;}
    .main .event-photos {top: -74px;}
    .mainimg {padding-top: 120px;padding-bottom: 0px}
    .main .event-photos:after {height: 80px;bottom: -80px;}
    .main .event-photos .mainimg .eimg p{font-size: 20px}
    .main .about-us h2{margin-top: 0px}
    .header-background .banner-content h2 {font-size: 35px;line-height: 36px;padding-bottom: 5px;}
    .home_slider li {min-height: 550px;}
    .main .event-photos .mainimg .eimg{margin-right: 27px;height: 313px;}
    .main .about-us .about-content{max-width: 980px;margin: 0 auto}
    .main .about-us .about-content .ac1{padding: 80px 30px;}
    .videos{background-color: #fff;padding-bottom: 20px;margin-top: 0px}
    .videos .camera-icon{padding: 0px 15px;padding-top: 20px}
    .vd{padding: 0px 15px}
    .video1 .col_img{height: 150px}
    .videos .video1 h3 {font-size: 14px;padding-top: 15px;padding-bottom: 10px;}
    .videos .video1 p {font-size: 12px;padding-left: 10px;padding-right: 10px;line-height: 17px;}
    .videos .video1{margin-right: 31px}
    .videos .video1 a{padding-top: 15px;padding-bottom: 20px}
    .videos .more-video{width: 230px;height: 60px}
    .videos .more-video a{padding: 0px;line-height: 58px}
    .after-video h2 {font-size: 20px;padding-top: 25px;padding-bottom: 20px;}
    .after-video a {font-size: 14px;padding: 10px 17px;margin-bottom: 25px;}

}

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

}

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

    header .nav2 ul li a{font-size: 0px;}
    header .nav2 .nav2p{padding: 0px}
    .main .event-photos .mainimg .eimg {margin-right: 10px;height: 232px;    width: 32.4%;margin-bottom: 10px}
    .main .event-photos .mainimg .eimg p {font-size: 16px;}
    .main .about-us .about-content .ac1 {padding: 40px 10px;    min-height: 370px;}
    .cal_main {min-height: 460px;}
    .owl-carousel.owl-rtl .owl-item.center .cal_main .ac1{min-height: 445px}
    .main  .about-us .about-after-title:after{right: 443px;}
    .main .about-us .about-after-title:before{left: 443px}
    .videos .video1 {margin-right: 23px;}
    .videos .camera-icon{margin-bottom: 20px}
    .video1 .col_img {height: 120px;}
    .videos .video1 h3{line-height: 14px}
    .videos .more-video {width: 210px;height: 60px;    margin-bottom: 10px;}
    footer .min_footer{padding: 0 15px}
    .col1+.col1+.col1+.col1+.col1 {padding-right: 30px;}
    footer {padding: 35px 0px;}

}

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

.min_footer .col1:first-child {display:none;}

    header .logo a img {max-width: 100px;}
    .menu1{position: fixed;top: 7px;left: 7px;z-index: 999999999;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;display: inline-block; width: 28px;height: 28px;}
    .menu1 span{width: 25px;height: 2px;background-color: #c43527;z-index: 999999;position: absolute;right: 0;top: 15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .menu1 span:after{width: 100%;height: 2px;background-color: #c43527;position: absolute;right: 0;top: -6px;content: '';-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .menu1 span:before{width: 100%;height: 2px;background-color: #c43527;position: absolute;right: 0;bottom: -6px;content: '';-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .menu1.active span{background-color: transparent}
    .menu1.active span:after{transform: rotate(45deg);top:0}
    .menu1.active span:before{transform: rotate(-45deg);top:0}
    header .nav1{position: fixed;height: 100%;width: 100%;background-color: #fafafa;z-index: 99999;padding-top: 60px;opacity: 0;visibility: hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;right: 0;top: 0;transform: translateX(100%);}   
    header .nav1.active{opacity: 1;visibility: visible;transform: translateX(0);}

    /*header .nav2 ul li a img{max-width: 25px}*/
    header .nav2 ul li img{max-width: 25px}
    header .nav1 .menu li{display: block; margin: 0 auto;text-align: center; }
    header .nav1 .menu li a{display: inline-block; padding: 10px 0px;color: #919b98}
    header .nav1 .menu li a:hover{color: #fff}
    header .nav2 {margin-top: 12px;margin-left: 32px;}
    header .logo {margin-left: 10px;padding: 10px 0px;}
    header .container{padding-left: 10px;padding-right: 10px}
    header .nav2 .nav2p img {padding-right: 0px;margin-top: -7px;}
    .header-background .banner-content h2{font-size: 24px;line-height: 24px}
    .header-background .banner-content h2 br{display: none}
    .header-background .banner-content a {font-size: 10px;padding: 10px 26px;margin-left: 0;}
    .header-background .banner-content{padding-right: 10px}
    header .nav2 .nav2p img.removeicon{max-width: 21px}
    header.active .nav2 .nav2p img.fixedimg{max-width: 21px}
    .contact-us a{font-size: 10px}
    .home_slider li {min-height:520px;}
    .main .about-us h2 {margin-top: -30px;}
    .main .about-us .about-after-title {margin-bottom: 20px;}
    .main .event-photos {    background-position: top center;}
    .main .event-photos .mainimg .eimg {margin-right: 0;height: 232px;width: 100%;margin-bottom: 10px;}
    .mainimg {padding-top: 120px;padding-bottom: 0px;}
    .main .event-photos {top: -94px;}
    .main .about-us h2{font-size: 20px;padding-bottom: 10px}
    .main  .about-us .about-after-title:after{   width: 50px;right: 185px}
    .main  .about-us .about-after-title:before{   width: 50px;left: 185px;}
    .owl-carousel.owl-rtl .owl-item.center .cal_main .ac1 {min-height: 301px;}
    .about-us .about-content .ac1 p {line-height: 25px;}
    .about-us .about-content .ac1 a{padding-top: 18px}
    .owl-dots {margin-top:10px;}
    .main .about-us{padding-bottom: 10px}
    .cal_main{min-height: 310px}
    .main .about-us .about-content .ac1{min-height:280px}
    .owl-carousel.owl-rtl .owl-item.center .cal_main .ac1{min-height:310px;border-top: 3px solid #c43527}
    .videos .video1 {margin-right: 0;width: 100%;margin-bottom: 15px}
    .video1 .col_img {height: 150px;}
    .videos .more-video {width: 160px;height: 50px;margin-bottom: 10px;margin-top: 10px;}
    .videos .more-video a{line-height: 48px}
    .after-video h2 {font-size: 16px;padding-top: 15px;padding-bottom: 10px;}
    .after-video a  {font-size: 14px;padding: 10px 17px;margin-bottom: 15px;}
    footer {padding: 25px 0px;}
    footer .col1 {float: right;width: 33.33%;margin-top: 20px;padding-right: 0px;margin-bottom: 20px;}
    .col1+.col1+.col1+.col1 {padding-right: 0px;}
    footer .col1 h3 {font-size: 15px;padding-bottom: 5px;}
    .col1+.col1+.col1+.col1+.col1 {padding-right: 0;}
    .last-footer {text-align: center}
    .last-footer ul li img{max-width: 25px}
    .last-footer ul li a img{height: auto}
    .sub-menu{display: none}
    .sub-menu.active{display: block}
    header .nav1 .menu .menu-item-has-children .sub-menu {top: 38px;width: 100%;transition: 0s ;border-top:2px solid #000}
    header .nav1 .menu .menu-item-has-children:hover .sub-menu {top: 38px;width: 100%;}
    .gallery h2 {padding: 20px 5px;font-size: 22px;}
    .gallery h2 img {padding-left: 10px;}
    
     header .nav1 .menu .menu-item-has-children{background-image: url(../images/site/drop_down.png); background-position: left 30% center; background-repeat: no-repeat; }

}

@media (max-height: 500px)
{

}

@media (max-width:321px)
{

    footer .col1{width: 50%}

}