/*
Theme Name: Amazing stars
Theme URI: http://.com
Author: Flying Stars Informatics
Author URI: https://flyingstars.co/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: Suhail
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
   
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.navbar { margin-bottom:5px;}
.how-work-sec .nav-tabs { width: 60%;}
.future-sec aside h6 {color: #666666;}
.partners-sec { padding: 15px 0;margin-top: 0;}
footer .top-footer aside address { text-align: left;}
.partners-sec .heading-sec h2.heading-bck {width: 90%;}
.contactus-sec .card .tab-content ul li {width: 100%; float: none; padding-left: 15px;}    
.contactus-sec .card .tab-content ul li.eml::before { left: -15px;}
.inner-banner-sec .img-sec-in img {display: none;}
.freecals-block {width: 60%;float: none; margin: auto;}
.acts-film-maker-form-tab-sec .nav-tabs {  width: 100%;}
.banner-sec .banner .item aside h2.heading-baner { font-size: 35px;}  
.benefit-sec { background: url(../images/nbg.html) no-repeat top center; background-size:cover; padding: 0px 0;} 
.banner-sec .banner .item aside a.btn { margin-right: 10px; padding: 15px 20px; }    
.banner-sec .banner .item aside h2.heading-baner {padding-top:0px;}
.banner-sec {padding-bottom: 15px;}
}

@media only screen and (max-width : 767px) {
.header-right {
float: none !important;
}
}

@media only screen and (max-width : 666px) {
.banner-content-sec { position: relative; padding: 15px 0;}
.banner-content-sec ul li {width: 33.33%;margin: 15px 0 15px 0; padding: 0;}
.banner-content-sec ul li.last {width:100%; float:none;}
.banner-content-sec ul li p {font-size: 12px;}
.banner-content-sec ul li h3 { font-size: 24px;}
.how-work-sec h2.heading, .our-flatform-sec h2.heading, .auditions-sec .heading-sec h2.heading , .future-sec h2.heading, .partners-sec .heading-sec h2.heading {font-size: 26px;}
.how-work-sec h2.heading::before , .our-flatform-sec h2.heading:before, .auditions-sec .heading-sec h2.heading:before , .future-sec h2.heading:before , .partners-sec .heading-sec h2.heading:before {top: -10px;}
.castinenter-sec h1 {font-size: 30px; line-height: 40px; padding: 10% 0;}
.castinenter-sec h3 { font-size: 20px;line-height: 30px; margin: 0 15px 15px 0;}
.castinenter-sec p { padding: 0 15px 0 0px;}
.servies-salad-sec aside { width:25%; margin-bottom: 30px;  }   
.blue-left-form-btns {width:100%}  
    
.benefit-employee-sec .info-content {padding-top: 15px; }   
.benefit-employee-sec .info-content aside h4 { line-height: 30px;}
.footer { padding-top: 15px;}
.copyrights {padding-bottom: 0;}  
.banner-sec .banner .item aside h2.heading-baner::before {width:145px;}   
}
@media only screen and (max-width : 567px) {
.activ-employee aside .classysocial .smain {  margin-left: -7px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.how-work-sec .nav-tabs { width:90%;}
.auditions-sec .heading-sec h2.heading-bck , .partners-sec .heading-sec h2.heading-bck{font-size: 40px;top: 23px;}
footer .top-footer aside, footer .bottom-footer aside { width:100%; float:none; }
footer .bottom-footer aside { margin:10px 0; text-align:left; }
footer .bottom-footer aside.priv-dis{ text-align:left; }
footer .bottom-footer aside.social-icon{ text-align:left; }
.contactus-sec .card .tab-content ul li { font-size: 12px;}
.acts-film-maker-form-tab-sec .nav-tabs > li { width: 100%;  margin-bottom: 15px; }
.form-sec , .acts-film-maker-form-tab-sec .tab-content , .redirect-message-sec {padding: 0;}
.casting-director-listng-sec aside ul { padding: 0 15px;}
.casting-director-listng-sec aside ul li {  padding: 10px;}
.pricing-boxs-sec aside {padding: 0; margin-bottom: 15px;}
.acts-film-maker-form-tab-sec {padding: 15px; }
.ourservices-sec .owl-carousel .owl-item:nth-child(2n+1) figure, .ourservices-sec .owl-carousel .owl-item:nth-child(2n) figure { width: 65%;}  
.ourservices-sec .owl-carousel .owl-item img { width: 100%;}
.ourservices-sec .owl-carousel .owl-item:nth-child(2n+1) figure .content-title {font-size: 14px;right: -70px;}
.ourservices-sec .owl-carousel .owl-item:nth-child(2n) figure .content-title { font-size: 14px;left: -70px;}
.form-sec .loginmodal-container {padding: 30px 5px;} 
.servies-salad-sec aside { width:50%;  } 
.servies-salad-sec aside.last {width:100%;}
.banner-sec .banner .item aside h2.heading-baner {font-size: 24px;}   
.benefit-sec aside h3 { padding: 15px;}    
.benefit-sec aside .right-content { text-align: left;  width: 100%; padding-left: 0;}
.blue-btn { margin: 10px auto;}
.servies-salad-sec { padding: 15px 0; }
.banner-sec .banner .item aside a.btn { margin-right:5px; padding:10px; }  
.banner-sec .banner .item aside h2.heading-baner::before {width:135px;}  
.activ-employee aside .classysocial .smain {  margin-left: -9px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.banner-content-sec ul li p {font-size: 10px;}
.banner-content-sec ul li h3 { font-size: 20px;}
.how-work-sec h2.heading,.our-flatform-sec h2.heading, .auditions-sec .heading-sec h2.heading , .future-sec h2.heading , .partners-sec .heading-sec h2.heading {font-size: 24px;}
.contactus-sec .nav-tabs > li > a {font-size: 12px;}  
.contactus-sec .nav-tabs > li.active > a, .contactus-sec .nav-tabs > li.active > a:focus, .contactus-sec .nav-tabs > li.active > a:hover {
    font-size: 12px;}   
.servies-salad-sec aside { width:100%;  }   
    .banner-sec .banner .item aside h2.heading-baner {font-size: 20px;}
    .banner-sec .banner .item aside h2.heading-baner::before { width: 115px;}
    .banner-sec .banner .item aside p { padding-top: 0;}

}

@media only screen and (max-width : 280px){
.how-work-sec h2.heading,.our-flatform-sec h2.heading, .auditions-sec .heading-sec h2.heading, .future-sec h2.heading , .partners-sec .heading-sec h2.heading {font-size: 20px;}
}