﻿        
        .brand-img
        {
            margin-top: -6px;
        }
        .social-circle 
        {
            border:1px solid #D3D8DB;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            text-align: center;
            padding-top: 10px;
            margin-top: 5px
        }
        
        .footer-icons
        { 
            font-size: 17px;
        }
        .footer-style
        {
            max-width: 100%;
            border-radius: 0px;
        }       
        
        .footer-pull-left
        {
            text-align:left;
            padding-bottom:2%;
            padding-top:2%;
        }
        
        .footer-header
        {
            font-size:16px !important;
            color:White;
            padding-bottom:2%;
        }
        
        .footer-title
        {
            font-size:13px;
            font-weight:700;
            color:rgb(225, 67, 98);
        }
        
        .footer-content
        {
            font-family: 'Roboto', sans-serif !important;
            font-weight:100 !important;
            font-size:14px;
            color:#7f7f7f;
        }
        
        .footer-col-span
        {
            padding-right:66%;
        }
        
        .footer-col-left
        {
            padding-left:8%;
        }
        
        .footer-container
        {
            margin-left:10%;
            margin-right:10%    
        }
        
        @media screen and (max-width: 1450px) and (min-width: 1200px)
        {
            .footer-col-xlg-1
            {
                width:45%;
                float:left;
            }
        
            .footer-col-xlg-2
            {
                width:35%;
                float:left;
            }
            .footer-col-xlg-3
            {
                width:20%;
                float:right;
            }
            
            .footer-dishes
             {
               padding:2%;
               width:45%;
               float:left;
             }
        }
        
        @media screen and (max-width: 1200px) and (min-width: 1000px)
        {
            .footer-col-lg-1
            {
                width:45%;
                float:left;
            }
        
            .footer-col-lg-2
            {
                width:30%;
                float:left;
            }
            .footer-col-lg-3
            {
                width:25%;
                float:right;
            }
            
            .footer-dishes
             {
               padding:2%;
               width:45%;
               float:left;
             }
        }
        
        @media screen and (max-width: 1000px) and (min-width: 700px)
        {
            .footer-container-md
            {
                margin-left:5%;
                margin-right:5%    
            }
            .footer-col-md-1
            {
                width:35%;
                float:left;
            }        
            .footer-col-md-2
            {
                width:35%;
                float:left;
            }
            .footer-col-md-3
            {
                width:30%;
                float:right;
            }       
            
            .footer-dishes
             {
               padding:2%;
               width:43%;
               float:left;
             }
        }
        
    @media screen and (max-width: 699px) and (min-width: 566px)
     {
          .footer-dishes
            {
                padding:1%;
                width:20%;
                float:left;
            }
     }
     
     @media screen and (max-width: 565px) and (min-width: 493px)
     {
          .footer-dishes
            {
                padding:1%;
                width:25%;
                float:left;
            }
     }
     
      @media screen and (max-width: 492px) and (min-width: 431px)
     {
          .footer-dishes
            {
                padding:1%;
                width:29%;
                float:left;
            }
     }
     
      @media screen and (max-width: 430px) and (min-width: 320px)
     {
          .footer-dishes
            {
                padding:2%;
                width:35%;
                float:left;
            }
     }