@media screen and (max-width: 710px) {
    .if-there-magic
    {
        font-size: 220%;
        line-height: 88%;
    }
    
    .home-slide-links{
        font-size: 100%;
    }
    
    .any-border{
        border: 1px solid white;
        letter-spacing: 1px;
        width : 100%;
        float : left;
        margin-top : 5px;
    }
    
    #top-logo img,#top-icon img
    {
        width : 21%;
    }
    
    .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 : 166%;
        
    }
    .sub-section-3, .sub-section-4
    {
        font-size : 170%;
        letter-spacing: 1px;
    }
    
    .carousel-caption-sub-sub
    {
        border : 1px solid;
        padding-right: 10px;
    padding-top: 3px;
    }
    
    .carousel-caption-sub-sub span
    {
        font-size : 80%;
    }
    
    .carousel-caption-sub-sub img
    {
        width : 8%;
    }
    .carousel-caption-sub
    {
        width : 50%;
    }
    .section-6 img
    {
        width:5%;
        margin-right:3px;
    }
    
    .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
    }
    
    .fixed-attachment
    {
        background-size: cover;
        background-position:50% 50%
    }
    
    .carousel-caption-sub-sub span
    {
        padding-left : 22px;
    }
    
    .carousel-caption-sub-sub-view span
    {
        padding-left : 8px !important;
    }
    
    .margin-bottom-small
    {
        margin-bottom : 30px;
    }
    
    .info-box-header
    {
        font-size : 11px;
    }
    
    .info-box-middle
    {
        font-size : 9px;
    }
    
    .info-box-info{
        font-size : 6px;
    }
    
    .custom-menu .navbar-collapse
    {
        width : 115%;
        background : white !important;
        
      //  position : static !important;
    }
    
    .custom-menu .navbar-collapse ul li
    {
        padding-right : 64px !important;
    }
    
    .custom-menu .navbar-collapse ul li a
    {
        color : #777 !important;
    }
    
    .drop-us-a-line
    {
        font-size :10px;
    }
    
    .section-head
    {
        background-size: cover;
    }
    
    .slider-left-right
    {
        width : 15%;
    }
    
    .show-in-mobile-only
    {
        display : block !important;
    }
    
     .common-banner
     {
         background-position : 50% 50%;
       //  backgrou
     }
     
     .small-hide
     {
         display:none !important;
     }
     
     .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;
    }
    
    
    .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;
     }
     
     .custom-menu
     {
         top: 15px;
     }
     
     
      .only-desktop
     {
         display: none;
     }
    
     .only-mobile{
           display: table;
       }
 
}