@media screen and (max-width: 1100px) and (min-width: 710PX) {
    .if-there-magic
    {
        font-size: 400%;
        line-height: 88%;
    }
    
    .home-slide-links{
        font-size: 70%;
    }
    
    .any-border{
        border: 1px solid white;
        letter-spacing: 1px;
    }
    
    #top-logo img,#top-icon img
    {
        width : 17%;
    }
    
    .site-title
    {
        top:12px;
        left:3%;
    }
    
    .custom-menu li a{
        font-size : 74% !important
    }
    .custom-menu, #fruit_for_thought
    {
        right:3%;
    }
    
    .sub-section-2
    {
        font-size : 219%;
    }
    .sub-section-3
    {
        font-size : 170%;
        letter-spacing: 1px;
    }
    .sub-section-4
    {
        font-size : 200%;
        letter-spacing: 1px;
    }
    
    .carousel-caption-sub-sub
    {
        border : 1px solid;
       
    }
    
    .carousel-caption-sub-sub span
    {
        font-size : 80%;
        height :36px !important;
    }
    
    .carousel-caption-sub-sub img
    {
        width : 8%;
    }
    
    .carousel-caption-sub-sub-view-films
    {
        padding-left : 80% !important;
    }
    
    .carousel-caption-sub-sub-view
    {
       padding-left:25px;
    }
    .section-6 img
    {
        width:1.8%;
        margin-right:3px;
    }
    
    #contact-section-4
    {
        padding-bottom : 70px;
    }
    
    .contact-input-section input,textarea
    {
        background-color: #D9D9D9;
        border: none;
        margin-bottom : 1px !important;

    }

    .contact-input-section input
    {
        height : 40px !important;
        color : black
    }
 
    .contact-input-section textarea
    {
        height : 85px !important;
        color : black
    }
    
    .info-box-header{
        font-size:15px;
        padding-left : 0;
        padding-top : 10%;
    }
 
    .info-box-info
    {
        font-size:8px;
        padding-top :6%;
    }
    
    .info-box-middle
    {
        font-size : 10px;
    }
    
    .fixed-attachment
    {
        background-size: cover;
        background-position:50% 50%;
    }
    
    .margin-bottom-small
    {
        margin-bottom : 30px;
    }
    
    .slider-left-right
    {
        width : 15%;
    }
    
    .common-banner
    {
        // background-size: 100%;
      //  background-size: cover;
       
    }
    
    .show-in-mobile-only
    {
        display:none;
    }
    
    .section-head1 
    {
      //  background-size : 100% !important;
        background-size: cover;
    }
    .common-banner
    {
        background-size : 100%;
        
    }
    
    .fth-hue-banner
    {
        background-position: 50% 0% !important;
    }
    
    .about-banner
    {
    background-position: 50% 5% !important;
    }           

    .index_slider{
        background-size : 100%;
    }
    
    .french_toast_banner, .kalismi_banner, .mother_jane_banner, .ogee_banner, .poulo_banner, .shakthi_banner, .contact_banner,.uae_banner,.ajay_banner,.five_feet_banner
    {
        background-position: 50% 50% !important;
        background-size: cover !important;
    }
    
    #contact_address
    {
        height : 320px;
    }
    
    
     .works-tab span
    {
        width: 100%;
        display: inline-block;
        margin-bottom: 15px;
        padding-bottom: 3px;
        margin-bottom: 10px;
    }
    
    .works-content
    {
        margin-top: 270px;
    }
    
    
    .section-head
     {
         display: none;
     }
     
     .section-head-mobile
     {
         display: table;
     }
     
    .only-desktop
     {
         display: none;
     }
    
     .only-mobile{
           display: table;
       }
}