﻿

@media screen and (max-width: 960px)
{
    /*--------menu------------*/
    .navbar-inverse .navbar-toggle
    {
        border-color: transparent;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
    {
        background-color: transparent;
    }
    .navbar-inverse .navbar-toggle .icon-bar
    {
        background-color: #3f3f3f;
    }
    .navbar-toggle
    {
        margin-top: 18px;
    }
    .navbar-collapse
    {
        padding: 0px;
    }
    .navbar-nav
    {
        float: none;
        display: block;
        text-align: center;
        background: #3f3f3f;
        margin: 0;
    }
    .navbar-inverse .navbar-nav > li > a
    {
        color: rgba(255,255,255,.5);
        padding: 15px;
        border-bottom: 1px solid rgba(255,255,255,.2);
    }
    .navbar-inverse .navbar-nav > li > a:hover
    {
        color: rgba(255,255,255,1);
    }
    .text_block h2
    {
        font-size: 7em;
    }
    .about_row::before
    {
        display: none;
    }
    .footer_row .social-link
    {
        margin: 40px 0 0;
    }
    .mailid
    {
        margin-bottom: 40px;
    }
    .ft_block
    {
        padding: 70px 0;
    }
     .social-link{
                padding-left: 0;
            }   
            .footer_row .social-link li{
                margin-right: 2px;
            } 
            .contact_info1 ul li p i {left: 0}
}
@media screen and (max-width: 800px)
{
    .desktop_banner
    {
        display: none;
    }
    .mobile_banner
    {
        display: block;
    }
  .contact_info1 ul li p i {left: 0}
}
@media screen and (max-width: 700px)
{
    .navbar-inverse .navbar-brand
    {
        margin-left: 15px;
    }
    .main_title
    {
        font-size: 3em;
    }
    .main_title::before
    {
        left: -80px;
    }
    .showcase_row .main_title::before
    {
        right: -80px;
    }
    .navbar-inverse .navbar-brand
    {
        padding:0;
        font-size:18px;
            margin-top: 18px;}
            .product_img
            {
                padding:0}
                .css-only-modal
                {width:inherit;
                    }
            .social-link{
                padding-left: 0;
            }      
            .footer_row .social-link p {
    
    padding: 11px;

    height: 40px;
    width: 40px;      

}
  .contact_info1 ul li p i {left: 0}
.footer_row .social-link img {
    width: 16px;
}
@media screen and (max-width: 550px)
{

}
@media screen and (max-width: 500px)
{
    .text_block h2
    {
        font-size: 5.5em;
        text-shadow: 0 2px 1px #fff;
    }
    .footer_row .social-link li {
    margin-right: 2px;
}
.desktop_view{
    display: none;
}
.mobile_view{
    display: block;
    height: 100vh;
}
.flexslider .slides img {
    height: 100vh;
}
.social_icon
{
    left:10px;}
     .footer_row .social-link a:last-child {
   
    font-size: 20px;
}
}
@media screen and (max-width: 400px)
{
    .text_block h2
    {
        font-size: 5em;
    }
    .footer_row b
    {
        font-size: 1.6em;
    }
    .footer_row .social-link li {
    margin-right: 2px;
}
.contact_info1 ul li p i {
    left: -26px;}
    .desktop_view{
    display: none;
}
.mobile_view{
    display: block;
    height: 100vh;
}
.flexslider .slides img {
    height: 100vh;
}
.social_icon
{
    left:10px;}
    .footer_row .social-link a:last-child {
   
    font-size: 20px;
}
}

@media screen and (max-width: 340px)
{
    .text_block h2
    {
        font-size: 4em;
    }
    .main_title
    {
        font-size: 2.5em;
    }
    .down_link
    {
        right: 5%;
        width: 70px;
        height: 70px;
    }
    .down_link img
    {
        width: 30px;
    }
    .about_content p
    {
        padding-left: 0px;
    }
    .about_content h2::before
    {
        width: 15px;
    }
    .about_content h2
    {
        padding-left: 25px;
    }
    .gallery {
    height: 240px;
}
    .footer_row b
    {
        font-size: 1.3em;
    }
    .desktop_view{
    display: none;
}
.mobile_view{
    display: block;
    height: 100vh;
}
.flexslider .slides img {
    height: 100vh;
}
.social_icon
{
    left:10px;}
     .footer_row .social-link a:last-child {
   
    font-size: 20px;
}
}

