@media (max-width: 1200px) { 
    body {background:#fff;}  
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: #fff;
        padding: 8px 5px 6px
    }
    .navbar-default .navbar-toggle i {
        color: #bbb;
        font-size: 2em
    }
    .social { 
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; 
    width: 100%;  }
    .quote-buttons span {
        margin: 0 2px
    }
    .flickr-widget ul li {
        margin-left: 0;
        margin-right: 7px
    }
    .subscribe-widget form input[type="text"] {
        margin-bottom: 10px
    }
    .history-content p {
        max-height: 36px;
        line-height: 20px;
        overflow: hidden
    }
    .projects-carousel {
        width: 950px!important
    }
     .container-ads-warp-left,
    .container-ads-warp-right {
        display: none
    }
    .hidden-desktop {
        display: none
    }
      
} 
@media (min-width: 1200px) {
    .container {width:1055px;} 
    .zero-padding {padding-left: 0px;}  
    .zero-padding-right {padding-right:0px !important} 
    .actr-smpl-glry {margin-left:-5px} 
    .social { 
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;  
    width: 100%;  }
  }  
@media (max-width: 991px) {
    .boxed-page,
    .boxed-page header {
        width: 100%
    }
    .social {   
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; 
    width: 100%;  }
    .image-service-box.list .play-lst-icn {
    margin-top: 7px;
    text-align: left;
    margin-bottom: 8px;
} 
.image-service-box.list .play-lst-cnr {
    display: inline-block;
    color: #fff;
    background: #ec2c29;
    padding: 4px;
    text-transform: uppercase;
    font-size: 12px;
    display: none;
    display: inline-block;
    opacity:1;  
} 
.image-service-box.list .titl-txt {
    margin-top: 0px;
}  
.image-service-box.list .plst-img { margin-top: 7px;margin-bottom:7px;}  

    .classic-testimonials {
        margin-bottom: 25px!important
    }
    .tp-caption a.btn-system {
        font-size: 11px;
        padding: 4px 8px
    }
    .navbar-brand {
        padding: 25px 15px
    }
    .navbar-default .navbar-nav {
        margin: 0!important;
        top: 0
    }
    ul.social-list {
        float: none!important;
        text-align: center
    }
    ul.social-list li {
        float: none!important;
        display: inline-block
    }

    .quote-buttons {
        text-align: center
    }
    .copyright-section {
        text-align: center
    }
    ul.footer-nav {
        display: block;
        float: none!important;
        text-align: center;
        margin-top: 10px
    }
    ul.footer-nav li {
        display: inline-block;
        float: none;
        margin-left: 15px
    }
    .page-banner {
        text-align: center
    }
    ul.breadcrumbs {
        float: none
    }
    ul.breadcrumbs li {
        float: none;
        display: inline-block;
        float: left\0/
    }
    .portfolio-4 .portfolio-item {
        width: 49.99%!important;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px
    }
    .projects-carousel {
        width: 100%!important
    }
    .pricing-tables .pricing-table {
        margin-bottom: 15px
    }
    .pricing-tables .highlight-plan {
        margin: 0
    }
    .pricing-tables .pricing-table.highlight-plan .plan-name {
        padding: 15px 0
    }
    .pricing-tables .pricing-table.highlight-plan .plan-signup {
        padding: 25px 0
    }
    .pricing-tables .pricing-table:hover {
        top: 0
    }
    .milestone-block {
        margin-bottom: 25px;
        margin-right: 40px
    }
    .fittext {
        font-size: 30px;
        line-height: 38px
    }
    .team-member {
        text-align: center;
        margin-bottom: 30px
    }
    .member-photo {
        display: inline-block;
        margin: 0 auto
    }
    .easyPieChart {
        margin: 0 40px 20px 0
    }
    .right-sidebar {
        margin-top: 60px;
        padding-top: 60px;
        border-top: 1px solid #eee
    }
    .sidebar .widget {
        margin-bottom: 35px
    }
    #menuToggle {
       display: inline-block;
    position: absolute;
    z-index: 1;
    user-select: none;
    top: 47px; 
    left: 0px;
    background: #fff;
    padding: 4px 7px 0px;    
    } 

#menuToggle input {
  display: block;
  width: 33px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
}

/*
 * Just a quick hamburger
 */

#menuToggle span { 
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #ec2c29; 
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),  background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),  opacity 0.55s ease;
}

#menuToggle span:first-child { transform-origin: 0% 0%; }

#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ec2c29;
}

/*
 * But let's hide the middle one.
 */

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */

#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px); 
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */

.menu-mbl {
    position: absolute;
    width: 100%;
    padding: 17px;
    padding-top: 0px;
    background: #ffffff;
    list-style-type: none;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.6s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    top: 60px; 
    left: 0px;
    box-shadow: 0 5px 5px -5px #333;
    border-top: none;
    border-bottom: 1px solid #ccc;
    border-radius: 9px;
    max-height: 380px;
    overflow: auto;
    box-shadow: inset 0 11px 6px -6px #ccc;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; 
}  
.menu-mbl li a:focus {outline:none; } 
.menu-mbl li a {
    padding: 10px 0;
    font-size:15px; 
    display: block;
    border-bottom: 1px dashed #222;
    text-align:left;
}  
.menu-mbl .root-li ul {display:none;    background: #cccccc50;}
.menu-mbl .root-li.show-sub-menu ul {display:block;border-bottom:1px solid #333;}     
.menu-mbl .root-li.show-sub-menu > a { box-shadow: 0 5px 5px -5px #333; border-bottom:1px solid #333;}   
.menu-mbl .root-li ul li {}  
.menu-mbl .root-li ul li a {padding: 5px 10px 5px 27px;}   
.menu-mbl li a .fa {color:#ec2c29;padding-right:10px;} 
.menu-mbl li:last-child a {border-bottom:none; }    
.menu-mbl li a {
    color: #000;
    text-transform: uppercase;
} 
/*
 * And let's fade it in from the left
 */

#menuToggle input:checked ~ ul {
  transform: scale(1.0, 1.0);
  opacity: 1;
} 
    
    
}
@media screen and (max-device-width: 768px) and (min-device-width: 320px) {
    header {     width: 100% !important;
    margin-left: 0px;
    left: 0px;
    top: 0px;}  
         #no-more-tables tr td:nth-child(1) { float: left; position: relative; width: 47px;}  
     #plList tr td .fa-play {top:5px;}   
     #plList tr td .count {display: none !important;}  
    .ads-add-styl { margin-top:0px;}     
                        .site-header {
                            z-index: 9; 
                            display: block;
                            position:relative;  
                        }
                        .grid {
                            width: 100%;
                            min-width: 0;
                            margin-left: 0;
                            margin-right: 0;
                            padding-left: 20px;
                            padding-right: 10px;
                            margin-top:10px; 
                        }
                        .site-branding {    
                            text-align: center;
                            float: none;
                            margin: 0px 0px 3px 0px;
                            margin-top: 0;
                            max-width: 200px;    
                        } 
                        #mobile_menu .grid {
                            
                        }
                        button.toggle-menu {
                            font-size: 13px;
                        }
                        .navigation-container button {
                            padding: 0;
                        }
                        button,
                        input[type="button"],
                        input[type="reset"],
                        input[type="submit"] {
                            padding-top: 10px!important;
                        }
                        .navigation-container {
                            margin-top: 0;
                            float: right;
                        }
                        .clearfix {
                            margin-bottom: 5px; 
                        }
                        .top-bar,
                        .top-header {
                            display: none!important;
                        }
                    .site-title {
                        width: auto;
                        display: inline-block;
                        text-align: left; 
                    }  
                    hgroup {text-align:left;} 
                    
                    } 
@media (max-width: 768px) {
           
    .mbl-pad-5 {    margin: 0px 5px; padding: 0px;}  
        .shr-cntr {margin: 10px 0px 20px;text-align: center;} 
        .shr-cntr.news-cnr-shr {margin:0px;}    
    .wiki-btn {text-align:right} 
    .wiki-btn a {
    background: #ec2c29;
    color: #fff;
    padding: 6px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    text-align:center; 
}  
.social { 
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;  
 width: 100%;  }
    #content { padding: 0px 0 0px;}  
    .mob-display {display: block; }       
    .dsk-display {display:none }
    .tp-leftarrow,
    .tp-rightarrow {
        display: none!important
    }
    .tp-caption a.btn-system {
        display: none
    }
    .history-box img {
        float: none;
        width: 100%
    }
    .history-content {
        float: none;
        width: 100%!important
    }
    .history-box span.history-date {
        right: inherit;
        left: 15px
    }
    .portfolio-filter li {
        margin-bottom: 8px
    }
    .portfolio-4 .portfolio-item {
        width: 100%!important;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px
    }
    .milestone-block {
        margin-bottom: 20px;
        margin-right: 45px
    }
    .navbar-top {
        box-shadow: 0 5px 5px -5px #333;
        border-top: none;
        border-bottom: 1px solid #ccc;
    } 
 
 #no-more-tables thead  {display:none;}  

 #no-more-tables tr td {} 

#plList tr:hover td {  
     -webkit-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    transition: none; 
      box-shadow: none;
      padding:5px 5px 5px 0px !important;        
} 

#plList tr td .count ,#plList tr:hover td .count{ 
    padding: 4px 10px;
    border: 1px solid transparent;
    border-radius: 18px;
    width: 30px;
    height: 30px;
    display: block; 
} 

      
    #plList tr:hover td .fa-play {display:block;}     
 

      .lft-brd-wrp {
        border-right: 0
    }
    .language-menu {
        float: inherit!important
    }
    .cast ul li div:last-child {
        padding-bottom: 3px;
        border-bottom: 1px solid #eee
    }
    .cast ul li div:first-child {
        padding-bottom: 0
    }
    .cast img {
        margin-right: 3px;
        width: 10%
    }
    .none-lg {
        display: block
    }
    .none-xs {
        display: none
    }
    #dropdownMenu1.btn,
    #dropdownMenu2.btn {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 10px;
        margin-bottom: 10px
    }
    #dropdownMenu2.btn .caret {
        border-bottom: 0
    }
    .sort-wrp ul.dropdown-menu li::after {
        content: ""!important
    }
    .sort-wrp ul.dropdown-menu {
        border: 1px solid #e6e6e6;
        border-radius: 0 0 4px 4px;
        box-shadow: inherit;
        min-width: 84px
    }
    .sort-wrp ul.dropdown-menu li {
        border-bottom: 1px solid #f7f7f7!important;
        border-top: 0!important;
        display: inline-block;
        padding-left: 0!important;
        padding-right: 0;
        width: 100%
    }
    .right-sidebar {
        margin-top: 20px;
        padding-top: 20px
    }
    ul.appstore-footer {
        margin-bottom: 10px
    }
    .mail-subscribe-widget ul {
        margin-bottom: 10px
    }
    img.responsive-alg {
        display: inline;
        margin-bottom: 10px;
        margin-top: 10px
    }
    .footer-widget h4 {
        margin-bottom: 0
    }
    .tn-reviews-glry h1.subtitle-mv-glry a.tn-links-lts span {
        margin-right: 17px
    }
    .tn-reviews-glry h1::before {
        width: 88%
    }
    .overlay-head-1:after {
        background: 0 0
    }
    .tn-event-warp .image-service-box,
    .tn-ch-event-warp .image-service-box,
    .tn-event-vd-warp .image-service-box {
        padding-right: 15px
    }
    .tn-ch-event-warp h1 {
        font-size: 23px
    }
    .tn-event-vd-warp .image-service-box img {
        display: inline;
        width: inherit
    }
    .tn-event-warp .image-service-box h4,
    .tn-ch-event-warp .image-service-box h4,
    .tn-reviews-glry .image-service-box h4,
    .image-service-box h4,
    .tn-event-vd-warp .image-service-box h4 {
        padding-left: 0;
        padding-right: 0
    }
    .tn-reviews-glry .image-service-box {
        min-height: 253px
    }
    .tn-event-vd-warp .image-service-box {
        min-height: 162px
    }
    .tn-event-vd-warp .fa-play-circle-o {
        left: 31%;
        top: 16%
    }
    .tn-act-actr-warp h1.subtitle-mv-glry a.tn-links-lts span.none-lg {
        margin-top: 15px!important;
        margin-bottom: 10px!important
    }
    .tn-act-actr-warp h1.subtitle-mv-glry a.tn-links-lts-actr span.none-lg {
        margin-top: 15px!important;
        margin-bottom: 10px!important
    }
    #freewall .brick {
        border-right: 1px solid #fff;
        margin: 0
    }
    #pinBoot .white-panel {
        border-right: 1px solid #fff;
        margin: 0
    }
    #pinBoot {
        margin-bottom: 100px
    }
    .tamil-home-banner .ban-frst {
        margin-bottom: 0
    }
    .tamil-home-banner .container-adj-lft-gt {
        padding-left: 0;
        padding-right: 0
    }
    .tamil-home-banner img {
        width: 100%
    }
    .tp-select-lanug {
        border: 0;
        border-radius: 3px;
        font-size: 13px;
        padding: 4px!important;
        text-align: left;
        width: 100%;
        background: #222;
        color: #fff
    }
    .tp-select-lanug-lists {
        margin-top: -10px
    }
    
    .hidden-header {
        height:60px! important;     
    } 
    
        .tn-latest-news .latest-posts .image-service-box {
        min-height: 215px!important;
        padding: 0 5px
    }
    .tn-latest-news .tn-movie-glry .image-service-box {
        min-height: inherit
    }
    .tn-event-warp .image-service-box {
        min-height: 180px
    }
    .tn-act-actr-warp h1 span {
        font-size: 16px
    }
    .tn-act-actr-warp h1.subtitle-mv-glry a.tn-links-lts span.none-lg {
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .tn-act-actr-warp h1.subtitle-mv-glry a.tn-links-lts-actr span.none-lg {
        margin-top: 0!important;
        margin-bottom: 0!important
    } 
    .list-rcnt-upload .image-service-box .plst-cntr {  padding: 0px 5px;} 
    .list-rcnt-upload .image-service-box.list .plst-img {padding:5px;}  
     .titles-hover {display:none;}
     .news-slides .nav-dots ,.news-slide {width:100% !important;}  
     .news-slides .nav .prev, .phto-slides .nav .next ,.news-slides .slides .nav a {display:block !important;}   
        .news-slides .slides .nav a{ text-shadow: 2px 1px 10px #e25656, 0 0 1em #ec2c29, 0 0 0.2em #ec2c29;  } 
     .phto-slides .nav-dots .nav-dot {top: -9px; }  
     .news-no-img {margin:10px 0px;}
     .nws-shr-cntr li.wats-ap {display:inline-block;}   
     .grid-cntr-nws .nws-shr-cntr {right:0px;}  
     .cntr-nws-sld { border:none;}
     .cntr-nws-sld .news-post-sld {
         padding: 0;
        margin-top: 20px; 
     } 
    .phto-slides .nav label {line-height: 45px; margin-top: -25px;}     
    .grid-cntr-nws.list-cntr-nes .nws-img , .grid-cntr-nws.list-cntr-nes .news-indx-cntr  {width: 100%;display: inherit;}    
    .ajax-list-nws .grid-cntr-nws.list-cntr-nes .nws-img {width:35%;} 
    .ajax-list-nws .grid-cntr-nws.list-cntr-nes .news-indx-cntr  {width:65%;    background: #99999920;}  
    .zero-padding-mb {padding-left:0px !important;}
    .zero-padding-right-mb  {padding-right:0px !important;} 
    .zero-margin-padding {margin-left:0px !important;margin-right:0px !important;padding-left:0px !important;padding-right:0px !important;} 
    .phto-slides .slide-wrapper {width:100%;}
    .nav-dots {    display: none !important;} 
    .ajax-list-nws .grid-cntr-nws.list-cntr-nes {
    display: table;
    align-items: center;
}
.ajax-list-nws .grid-cntr-nws.list-cntr-nes .nws-img ,.ajax-list-nws .grid-cntr-nws.list-cntr-nes .news-indx-cntr { display: table-cell;}  
    .side-list{padding:0px;margin-left:0px;}  
 .tab-area  label {
  }
 .tab-area  label:before {
    margin: 0;
    font-size: 18px;
  }
.lang-box {         
    position: absolute;
    top: 19px;
    right: 13px;
    width: 107px;
    padding: 0px 0px 0px;
    border: 1px solid #ccc;
    z-index: 88;
    font-size: 13px;  
} 
  
.ind-ttl.inner-ttl .sec-ttl-cnr .sec-ttl-ara  {
    color: #000;
    font-size: 21px;
    padding-left: 10px;
    border-left: 4px solid #e63530;
    line-height: 23px;  
} 
.ind-ttl.inner-ttl .sec-ttl-cnr .sec-ttl-ara .breadcrumbs { 
    display: block;
    float: none;
    margin-top: -1px;  
}
.ind-ttl.inner-ttl .sec-ttl-cnr .sec-ttl-ara ul.breadcrumbs li a { 
    color: #e63530;
    text-transform: capitalize;
    font-size: 14px;  
}
.ind-ttl.inner-ttl i {display:inline-block;color: #e63530;font-size: 13px; margin: 4px 3px;}  
.news-cntr-hm .ind-ttl.inner-ttl i { margin: -1px 3px 5px;}         
.inner-ttl +  h6 {     text-transform: capitalize;margin: 12px 0px;}           
.ind-ttl.inner-ttl .sec-ttl-cnr .sec-ttl-ara ul.breadcrumbs li:before { content:none;margin:0px;color:transparent;}    
 
.logo-contr {
     width: 130px; 
    background-size: 100%; }   
.home-page .ind-ttl{ background: #e31917 !important; }   
.home-page .news-cntr-hm .ind-ttl  {text-align:center;} 
.home-page .news-cntr-hm .ind-ttl span { text-align: left; }   
  }

@media only screen and (max-width: 479px) {
    .top-bar {
        text-align: center
    }
    .navbar-default .navbar-nav {
        padding: 15px 0
    }
    .social { 
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; 
    width: 100%;  }
    .show-search,
    .search-form {
        display: none
    }
    ul.social-list li {
        margin: 0 3px
    }
    ul.social-list li a i {
        font-size: .9em;
        display: block;
        width: auto;
        line-height: 30px;
        border: none!important
    }
    ul.social-list li a:hover {
        background-color: transparent!important
    }
    ul.social-list li a.facebook:hover {
        color: #507CBE
    }
    ul.social-list li a.twitter:hover {
        color: #63CDF1
    }
    ul.social-list li a.google:hover {
        color: #F16261
    }
    ul.social-list li a.dribbble:hover {
        color: #E46387
    }
    ul.social-list li a.linkdin:hover {
        color: #90CADD
    }
    ul.social-list li a.tumblr:hover {
        color: #4D7EA3
    }
    ul.social-list li a.flickr:hover {
        color: #E474AF
    }
    ul.social-list li a.instgram:hover {
        color: #4D4F54
    }
    ul.social-list li a.vimeo:hover {
        color: #87D3E0
    }
    ul.social-list li a.skype:hover {
        color: #36C4F3
    }
    .navbar-default .navbar-toggle {
        margin-top: 15px;
        outline: none
    }
    .navbar-default .navbar-nav > li > a {
        border: none;
        padding: 5px 10px;
        display: block;
        border: none!important;
        padding-right: 0
    }
    .navbar-default .navbar-nav > li > a:after {
        display: none
    }
    .navbar-default .navbar-nav > li > a:hover {
        opacity: .7
    }
    .navbar-default .navbar-nav > li {
        margin-left: 0;
        display: block;
        margin-bottom: 5px;
        width: 100%
    }
    .navbar-default .navbar-nav > li.drop > a {
        padding-right: 10px;
        border-radius: 2px
    }
    ul.dropdown,
    ul.sup-dropdown {
        opacity: 1!important;
        position: relative!important;
        visibility: visible!important;
        width: 100%!important;
        top: inherit!important;
        left: 0!important;
        margin-top: 0!important;
        background: #fff!important;
        padding-left: 0!important;
        box-shadow: none!important
    }
    ul.dropdown li,
    ul.sup-dropdown li {
        border-top: none
    }
    .milestone-block {
        display: block;
        clear: left;
        margin-right: 0
    }
    .btn-system {
        margin-bottom: 10px
    }
    .easyPieChart {
        font-size: 24px;
        font-weight: 400;
        position: relative;
        text-align: center;
        display: inline-block;
        margin: 0 0 20px;
        overflow: hidden
    }
} 
@media (min-width: 992px) and (max-width:1180px) {   
.container { 
    width: 1055px;  
    }   
    body {background: #373837;  }
    #portfolio-list li .body {
        display: block
    }
      #portfolio-list li .header {
        display: block
    }
    .social {
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; 
    width: 100%;  }
      #portfolio-list li:hover .more {
        top: 41%;
        margin-top: 0
    }     
    #main-slide .slider-content h2 {
        font-size: 68px
    }
        header {
        width: 94.7%
    }
    .navbar-default .navbar-nav>li>a {
        padding: 10px 11px
    }
    ul.social-list li a i {
        width: 26px
    }
    .navbar-default .navbar-nav>li {
        margin-left: 14px;
        margin-right: 14px
    }
    .tn-hme-first {
        margin-bottom: 0;
        padding-bottom: 10px;
        width: 99%!important
    }
    .tn-hme-last {
        float: right;
        margin: 0!important
    }
    .banner-rgt #portfolio-list li .more {
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 26px;
        left: 60%
    }
    .banner-rgt #portfolio-list li .header {
        font-size: 15px
    }
    .inner-menu-warp.navbar-default .navbar-nav>li>a {
        font-size: 13px!important;
        padding: 10px 0!important;
        font-weight: 400
    }
    .navbar-default .navbar-nav {
        margin: 0 10px!important;
        top: 0
    } 
      .panel-google-plus>.panel-google-plus-comment>.panel-google-plus-textarea>.btn {
        width: auto
    }  
}  

@media(min-width:1025px) {
    .hidden-desktop {
        display: none
    }
    .top-adjust {
        margin-top: -15px
    }
    .social { 
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; 
    width: 100%;  }
    header {
        width: inherit
    }
    .container-ads-warp {
        margin: 0 auto; 
        width: 1335px;
        height:100%; 
        position: relative;
        left: auto; 
    }
    .container-ads-warp-left {
    position: fixed;
    left: 50%;
    top: 0;
    z-index: 1;
    height: 100%;
    margin-left: -684px;
}  
    .container-ads-warp .container-ads-warp-left img,
    .container-ads-warp .container-ads-warp-right img {
        position: fixed
    }
    .container-ads-warp-right {
    float: right;
    width: 140px;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    margin-left: 543px;
} 
    .hidden-header {
    height:76px !important;  
} 
    .bottom-25 {margin-bottom:25px;}
    .wiki-btn {
        text-align: right;
        display: inline-block;
        width: 100%;  
    }
     .wiki-btn a {
         background: #ec2c29;
        color: #fff;
        padding: 6px;
        display: inline-block;
        font-weight: bold;
        text-transform: uppercase;
     }    
    .wiki-btn a:hover ,.wiki-btn a:active {text-decoration:none;}      
    .tn-hme-first {
        margin-bottom: 0;
        padding-bottom: 10px;
        width: 99%!important
    }
    .tn-hme-last {
        float: right;
        margin: 0!important
    }
    .banner-rgt #portfolio-list li .more {
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 26px;
        left: 60%
    }
    .banner-rgt #portfolio-list li .header {
        font-size: 15px
    }
    .tn-trl-lft {
        padding-right: 0;
        margin-right: 0
    }
}  
@media (min-width: 768px) and (max-width: 991px) { 
    #portfolio-list li {
        width: 33.21%
    }
    .social {  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; width: 100%;  }
    .portfolio-4column #portfolio-list li {
        width: 24.8%
    }
    .full-width-portfolio #portfolio-list li {
        width: 49.5%
    }
    .portfolio-2column #portfolio-list li {
        width: 49.9%
    } 
    #main-slide .slider-content h2 {
        font-size: 52px
    }
    #main-slide .slider-content h3 {
        font-size: 24px;
        margin-top: 12px
    }
    .slider.btn {
        padding: 5px 25px;
        margin-top: 5px;
        font-size: 16px
    }
    .navbar-default .navbar-nav {
        margin: 0 10px!important;
        top: 0
    }
    .inner-menu-warp.navbar-default .navbar-nav > li.tamil-menu-lst-lg a {
        font-size: 11px!important;
        margin-right: 7px
    }
    .inner-menu-warp.navbar-default .navbar-nav > li > a {
        font-size: 11px!important;
        font-weight: 400!important;
        padding: 10px 0!important
    }
    .lft-brd-wrp {
        border-right: 0
    }
    header {
        width: 97.6%
    }
    ul.appstore-footer li h1 {
        font-size: 16px
    }
    ul.appstore-footer li h2 {
        font-size: 16px
    }
    .right-sidebar {
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px
    }
    .top-bar .contact-details li a {
        letter-spacing: .001em
    }
    .top-bar .language-menu li a {
        padding: 0 5px
    }
    .adj-ipd {
        padding: 0
    }
    .top-bar .contact-details li a::before {
        margin: 0 1px
    }
    ul.social-list li a i {
        width: 22px
    }
    .m-rev-cmds img {
        width: 73%
    }
    .appstore-footer {
        margin-bottom: 10px
    }
    .cast ul li {
        display: inline-block;
        margin: 0;
        width: 100%
    }
    .cast ul li ul li {
        display: inline;
        margin: 0;
        width: inherit
    }
    .col-sm-8.page-content {
        border-right: 1px solid #eee
    }
    .sidebar {
        border-left: 0
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 10px;
        padding: 10px 6px
    }
    .banner-rgt #portfolio-list li .more {
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 26px;
        left: 66%;
        top: 60%!important
    }
    .banner-rgt #portfolio-list li .header {
        font-size: 15px
    }
    .tn-hme-first {
        margin-bottom: 0;
        padding-bottom: 10px;
        width: 99%!important
    }
    .tn-act-actr-warp h1 span {
        font-size: 16px
    }
    .tn-act-actr-warp h1.subtitle-mv-glry a.tn-links-lts span.none-xs,
    .tn-act-actr-warp h1.subtitle-mv-glry a.tn-links-lts-actr span.none-xs {
        display: none
    }
    .tn-act-actr-warp h1.subtitle-mv-glry a.tn-links-lts span.none-lg {
        display: block;
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .tn-act-actr-warp h1.subtitle-mv-glry a.tn-links-lts-actr span.none-lg {
        display: block;
        margin-top: 0!important;
        margin-bottom: 0!important
    }
    .navbar-default .navbar-nav>li {
        margin-left: 10px;
        margin-right: 10px
    } 
    .navbar-default .navbar-nav>li>a {
        font-size: 15px
    }
    .nav>li.drop a h3 {
        font-size: 13px;
        line-height: 16px
    }
    .inner-menu-warp.navbar-default .navbar-nav>li>a {
        font-size: 11px!important;
        padding: 10px 0!important
    }
    .inner-menu-warp.navbar-default .navbar-nav>li.tamil-menu-lst-lg a {
        font-size: 11px!important;
        margin-right: 7px
    } 
} 

@media (max-width: 767px) {  
    #portfolio-list li {
        width: 49.9%
    } 
    .social { position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; width: 100%;  }
    #main-slide .slider-content h2 {
        font-size: 28px;
        line-height: normal;
        margin-bottom: 0
    }
    #main-slide .slider-content h3 {
        font-size: 14px;
        margin-top: 5px
    }
    .slider.btn {
        padding: 0 15px;
        margin-top: 0;
        font-size: 12px
    }
    #main-slide .carousel-indicators {
        display: none
    }
    .mbl-padding {padding-left:10px !important;padding-right:10px !important;}
    .ind-cntr {}
.ind-ttl {   
    font-family: Cabin;
    background: #e31917;
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0px 0px;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 83px;
    position: sticky;
    z-index: 98;  
    }   
.ind-ttl span {display:inline-block;width:100%;text-align:center;} 
.ind-ttl i {    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    padding-top: 5px;}  
.ind-cntr {margin-top:0px;position:relative;}     
.sec-ttl-cnr .sec-ttl-undrln {display:none;}    
.sec-ttl-cnr {margin:0px;position:static;}  
.sec-ttl-cnr .sec-ttl-ara {color: #fff;background: transparent; }    
 .tp-ftr-ind-cntr {margin-top:9px;min-width:300px;width:94%;margin-left:auto;margin-right:auto;    display: block;    position: relative;} 
  .tp-ftr-ind-cntr img {width:100%;}
  .tp-ftr-ind-cntr .ttl  { 
    font-size: 18px !important; 
  }
  .tp-ftr-ind-cntr .cust-hgt {
    height:auto !important; 
}
  .curv-bg {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #e31917 transparent transparent;
    line-height: 0px;
    _border-color: #000000 #007bff #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    top: 0px;
    right: 0px;  
  }
  .news-cntr { }
  .tp-ftr-ind-cntr.news-cntr .ttl {  
    color: #fff !important;
    font-size: 21px;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-top: -2px;
    padding: 1px 12px 5px 12px !important;
    background: #000 !important;
    text-align: center !important;
    min-height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.sec-ttl-cnr {background:transparent} 
.galry-cntr-hm .tp-ftr-ind-cntr.news-cntr .ttl { 
        color: #e31b17 !important;
    background: transparent !important;
    display: inherit;
    min-height: auto;
    padding-top: 5px !important;
    padding-bottom: 8px !important; 
}   
.galry-cntr-hm .tp-ftr-ind-cntr.news-cntr .curv-bg {display:none !important;}
.tp-ftr-ind-cntr.news-cntr .curv-bg { 
    position: absolute;
    bottom: 0px;
    right: 0px;
    top:auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 25px 25px;
    border-color: transparent transparent #e31b17 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #e31b17 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    z-index: 9;
    display:block; 
}
.sub-links {
    width: 94%;
    margin: 15px 3% 0;
    text-align: left; 
} 
.news-cntr-hm .tp-ftr-ind-cntr {
    width: 94% !important; 
    display: inline-block;
    margin-left: auto;  
}
.news-cntr-hm  .col-xs-6 .tp-ftr-ind-cntr {
    width: 135px !important;
    min-width: 10px !important;
    float: right;
    margin-right: 10px !important; 
    margin-left: 0px !important;     
} 
.news-cntr-hm  .col-xs-6 + .col-xs-6 .tp-ftr-ind-cntr {
    width: 135px !important;
    min-width: 10px !important;
    float: left;
    margin-left: 10px !important;
    margin-right: 0px !important; 
}  
.news-cntr-hm  .col-xs-6:nth-child(3) .tp-ftr-ind-cntr { float:right !important;margin-right: 10px !important;}      
.news-cntr-hm  .col-xs-6 .tp-ftr-ind-cntr .ttl { min-height:60px !important; width: 100%;padding-left: 0px !important; padding-right: 0px !important;}     
.slide-hm-cntr .tp-ftr-ind-cntr {width:100% !important; margin-left: 0%; }   
.news-cntr-hm .col-xs-6 .tp-ftr-ind-cntr { 
    width: 92%;
    display: inline-block;
    margin-left: 3%; 
    min-width: 92%;
}  
.hvr-cnt-hdn {width:100%;}  
.ad-prl-cntr {
    width: 96%;
    margin: auto;
    float: none  
}
.sub-links a {
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 5px;
    padding-right: 6px;
    border-right: 2px solid #e31917;
    color: #83827d;
    font-weight: 600;
    margin-bottom: 3px;
    display: inline-block;
    padding-bottom: 0px;
    line-height: 11px;
    font-weight: normal;   
}
.sub-links a:last-child {  
        margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid transparent; 
}
.tp-ftr-ind-cntr.galery .ttl {
        color: #e31917;
    min-height: auto;
    margin-top: 0px;
    font-weight: normal;
    font-size: 20px;
    text-align: center; 
}
.mobile-zero-padding {padding-left:0px !important;}  
.mobile-zero-padding-right {padding-right:0px !important;} 
.vdo-cntr-hm .scl-img-ctr {margin-top:15px;display: inline-block;width: 100%;text-align:center;}  
.vdo-cntr-hm .tp-ftr-ind-cntr {margin-top:0px;} 
.news-cntr-hm .ind-ttl {margin-top:9px;
    background: #fff;
    text-align: left; }
.news-cntr-hm .ind-ttl span {text-align: left;}
.news-cntr-hm.galry-cntr-hm .ind-ttl  {  margin-top: 4px;}
.menu-wrapper {
    padding: 0px 0px;
}
.menu-wrapper .menu-ul-wrapper {
    width: 100%;
    overflow-y: scroll
}
.menu-wrapper .menu-ul-wrapper::-webkit-scrollbar { 
    display: none; 
}
.menu-wrapper .menu-ul-wrapper ul {
    width: calc(100% - 47px); 
    overflow: hidden;
    height: 34px; 
    margin-left:47px;  
}
.menu-wrapper .menu-ul-wrapper ul li {
    display: inline-block;
    padding:0px;   
    float: left;
} 
.menu-wrapper .menu-ul-wrapper ul li a {
    color: #fff;
    text-transform: uppercase;
    padding: 7px 10px;
    background: #ec2c29;
    border-right: 1px solid #fff;
    display: inline-block;
    width: 100%;
    text-align: center;  
    font-weight:bold;
} 
.menu-wrapper .menu-ul-wrapper ul li a i {   
    display: inline-block;
    padding: 4px 5px 0px 0px;  
}  


iframe {max-width:100% !important;  }
}  
@media only screen and (max-width:550px) {
    #portfolio-list li { 
        width: 100%
    }
    .social { 
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; 
    width: 100%;  }
} 

@media (max-width: 479px) {
    #main-slide .item .slider-content {
        display: none
    }
    .tn-ex-phshoot-warp h1 { 
        font-size: 18px
    }
    .tn-ex-phshoot-warp h1::before,
    .tn-event-vd-warp h1::before,
    .tn-ch-event-warp h1::before,
    .tn-event-warp h1::before,
    .tn-trailers-warp h1::before,
    .tn-reviews-glry h1::before,
    .tn-latest-news h1::before,
    .tn-latest-news h1::before {
        border-top: 0!important
    }
    .tn-ex-phshoot-warp h1,
    .tn-event-vd-warp h1,
    .tn-ch-event-warp h1,
    .tn-event-warp h1,
    .tn-trailers-warp h1,
    .tn-reviews-glry h1,
    .tn-latest-news h1,
    .tn-latest-news h1 {
        border-bottom: 1px solid #ddd!important
    }
    .tn-ex-phshoot-warp h1 {
        font-size: 15px
    }
    .tn-trl-thumb-wrp .image-service-box .fa {
        left: 50%!important;
        top: 50%!important;
        margin-left: -20px;
        margin-top: -20px;
    } 
    .social {
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; 
    width: 100%;  }
}  

@media screen and (max-width: 767px) {    
        
    .navbar-toggle {
        display: none
    }
   
    .navbar-header {
        position: relative
    }
    .galatta-logo-wrapper {
        position: absolute;
        top: 0
    }
    .navbar-brand {
        position: absolute;
        top: 0
    }
    .js #wpb-mobile-menu {
        display: none
    }
    .js .slicknav_menu {
        display: block;
        background: #222 none repeat scroll 0 0
    }
    .tn-latest-news h2 {
        padding-left: 10px;
        padding-right: 10px; 
    }
    .desc-cntr-nws { }
    .desc-cntr-nws p {padding-left:10px;padding-right:10px;} 
    .desc-cntr-nws p img ,.desc-cntr-nws p iframe {
            margin-left: -10px;
    overflow: VISIBLE;
    position: relative;
    margin-right: -10px;
    text-align: right;
    width: calc(100% + 20px) !important;
    max-width: calc(100% + 20px) !important; 
    }    
.news-cntr-hm .tp-ftr-ind-cntr .ttl {text-align:center !important;}   
.vdo-cntr-hm .tp-ftr-ind-cntr .ttl {padding-bottom: 0px !important } 
.grid-cntr-nws .news-indx-cntr {padding-top:0px !important;} 
.grid-cntr-nws { }
footer .soc-icn {text-align:center;    margin-top: 20px;} 
footer .logo-contr { margin-left:20px;margin-top:20px;} 
footer .ftr-txt { 
    display: inline-block;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #999;
    font-size: 12px;
    width: 280px; 
}
footer .soc-icn a {
    font-size: 27px;
    padding-left: 10px;
    border-left: 1px solid #e31917;
    margin-left: 10px;
    display: inline-block;    line-height: 10px; 
}
footer .soc-icn a:first-child {    padding-left: 0px; border-left: transparent;}
footer .soc-icn a i { } 
header { border:transparent;}  
.ad-cntr {margin-top: 4px;} 
.social {
     position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky; 
    width: 100%;  }
.need-mb-mrgn .sec-ttl-cnr {
    width: 97%;
    padding-left: 3%;
    display: inline-block;
}  
.total-result-cntr { 
    width:100%; 
    padding: 3%;  
    background: #fff;
    display: inline-block;
}  
.total-result-cntr + img {width:100%;}  
.question .title {font-size: 27px; }    
}

@media screen and (min-width: 768px) {
    .slicknav_menu {
        display: none
    }
        .hero-grid__grid-sizer,
    .hero-grid__item {}
    .hero-grid__item--width2 {
        width: 47%
    }
    .hero-grid__item--width3 {
        width: 71.5%
    }
    .hero__title {
        font-size: 6rem
    }
    .hero__tagline {
        font-size: 2rem
    }
    .hero__what-is-title {
        font-size: 2rem
    }
    .hero__what-is-description {
        font-size: 1.1rem
    }
    .hero-grid__big-button {
        padding-left: 60px;
        min-height: 60px
    }
    .hero-grid__big-button .icon {
        display: block;
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 2rem
    }
    .social { position: -webkit-sticky; position: sticky; width: 100%;  }  
}