/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 10, 2017, 12:32:28 PM
    Author     : amfan
*/
.top_info .site_logo{
    display: none;
}
.Toggle {
    display: none;
    position: absolute;
    padding: 10px;
    background: #f93d66;
    color: #fff;
    border-radius: 5px;
    top: 0px;
    cursor: pointer;
}
@media only screen and (max-width: 1280px){
    .header_right li {
        margin: 0px 23px 0px 0px !important;
    }
    .header_right span{
        right: 15px;
    }
    .wrapper{
        width: 100%;
    }
    .container {
        max-width: 1200px;
        margin: auto;
        max-width: 100% !important
    }
    .header .container {
        width: 100%;
    }
    .header {
        position: relative;
        width: 100%;
        margin-top: 0px;
        z-index: 123;
    }
    .header .container {
        padding: 0;
    }
    .header_text {
        border-radius: 0px;
    }
    .site_menu ul li {
        margin: 0px 20px;
    }
    .megamenu {
        width: 100%;
    }
    .category {
        padding: 50px 70px;
    }
    .product_section {
        margin: 15px 10px;
    }
    .product {
        padding: 100px 50px;
    }
    .rated {
        padding: 40px 30px;
    }
    .bottom_area .row {
        max-width: 100%;
    }
    .contact_us {
        padding: 30px 0px 0px 20px;
    }
    .location i {
        margin-bottom: 0px;
    }
    .input input[type="text"] {
        display: block;
        width: 100%;
        margin-top: 20px;
        margin-left: 0px;
    }
    .email i {
        margin-bottom: 0px;
    }
    .phone i {
        margin-bottom: 0px;
    }
    .contact_social {
        margin-top: 40px;
    }
    .news_letter {
        display: flex;
    }
    .news_letter input[type="email"] {
        max-width: 70%;
    }
    .ftr_loho img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 1140px){
    .site-categories .container .row .col-md-4 {
        width: 50%;
        margin-bottom: 20px;
    }
    .dtl28 {
        margin: auto;
    }
    .testimonl .slick-dots {
        bottom: 0px;
    }
}

@media only screen and (max-width: 1024px){
   
}

@media only screen and (max-width: 980px){
    
}
@media only screen and (max-width: 850px){
    .list-view .items .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
        width: 50%;
    }
}
@media only screen and (max-width: 800px){
    .news_info {
        width: 100%;
    }
    .news_ltr{
        margin: 0px 0px;
    }
    .news_ltr input[type="submit"] {
        background: transparent;
        background: #fff;
        border: none;
        padding: 6px 30px;
        font-family: 'open_sansbold';
        transition: 0.3s linear;
        position: relative;
        margin-left: -125px;
        margin-top: 0;
    }
    .category {
        padding: 50px 20px;
    }
   .services_text {
        max-width: 100%;
        margin: auto;
    }
    .story:hover {
        transform: scale(1.003);
    }
    .rated_text h2 {
        font-size: 16px;
    }
    .rated_text p {
        line-height: 1.3;
    }
    .rated {
        padding: 40px 22px;
    }
    .category_section {
        width: 200px;
        height: 164px;
    }
    .category_name h3 {
        font-size: 18px;
    }
    .email {
        margin: 0px 4px;
    }
    .location h2 {
        font-size: 18px;
    }
    .email h2 {
        font-size: 18px;
    }
    .phone h2 {
        font-size: 18px;
    }
    .location p a {
        font-size: 12px;
    }
    .email p a {
        font-size: 12px;
    }
    .phone p a {
        font-size: 12px;
    }
    .site_menu ul li {
        margin: 0px 6px;
    }
}

@media only screen and (max-width: 768px){
    
   .site_logo img {
        max-width: 100% !important;
    }
    .megamenu {
        top: 92px;
    }
}

@media only screen and (max-width: 767px){
    .top_info .site_logo{
        display: block;
        text-align: center;
    }
    .header_text .site_logo {
        display: none;
    }
    .top_info ul{
        display: none;
    }
    .imag {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .our-production .imag a img {
        max-width: 243px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #cntsubmission .col-md-12.col-sm-12.col-xs-12{
        padding: 0;
        margin-left: -16px;
    }
    .tsti h2{
        text-indent: 4%;
    }
    .testimonl {
        width: 100%;
        float: left;
    }
    .site-categories .container .row .col-md-4 {
        width: 100%;
    }
    .product:after{
        content: '\f067';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 20px;
        color: #000;
        position: absolute;
        right: 0;
    }


    .header_text .row .col-md-3.col-sm-3.col-xs-3{
        width: 100%;
        float: none;
        text-align: center;
    }
    .site_menu {
        display: flex;
        position: relative;
        right: 0;
        margin-top: 22px;
    }
    .site_menu ul{
        display: block;
    }
    .header_right {
        display: flex !important;
        position: absolute;
        right: 0;
    }
    .site_menu ul li {
        margin: 15px 6px;
    }
    .megamenu {
        position: absolute;
        width: 100%;
        top: 110px;
        border-radius: 1px;
        padding: 30px 10px;
        display: none;
        z-index: 123;
        right: 0;
        background: #dadada;
    }
    .top_info ul li{
        display: block;
        text-align: center;
    }
    .Toggle{
        display: block;
    }
    .footer {
        padding: 70px 0px;
    }
    .story:hover {
        transform: scale(1,1);
    }
    .services_text .story {
        margin: 20px 0px;
    }
    .services {
        height: auto;
    }
    .bottom_area .row {
        max-width: 100%;
        margin-left: 0px;
    }
    .contact_social div {
        flex: 1;
    }
    .contact_us {
        padding: 0px 20px;
    }
    .footer .col-md-3.col-sm-6.col-xs-12 {
        margin-bottom: 30px;
    }
    .below-menu{
        display: block;
    }
    #big_scrnheader {
        display: none;
    }
    .navbar.navbar-default {
        margin: 0;
    }
    .navbar.navbar-default {
        background: #32323a;
        border: 1px solid #32323a;
        border-radius: 0px;
    }
    .navbar-header .site_menu {
        float: right;
        position: relative;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 600px){
    .cat_navigate {
        display: none;
    }
    .cat_menu {
        display: none;
    }
    .latest-product {
        display: none;
    }
    .slider-for {
        width: 100%;
    }
    .forslides.slick-slide img {
        width: 100%;
    }
    .list-view .items .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
        width: 100%;
        padding: 0;
    }
    .inner_page_product .col-md-9.col-sm-9.col-xs-12 {
        padding: 0;
    }
}

@media only screen and (max-width: 480px){
    
    .our-production .imag a img{
        max-width: 190px;
    }
    .latest_prod .slick-dots {
        display: none !important;
    }
    ul.brdcrump{
        float: none;
    }
    .cntadrs ul li{
        font-size: 14px;
    }
    ul.brdcrump li a {
        font-size: 12px !important;
    }
    #cate_grid {
        display: none;
    }
    #cate_list {
        display: none;
    }
    .latest_prod .slick-dots {
        bottom: -58px;
        display: none;
    }
    .news_info h3{
        font-size: 30px;
    }
    .news_info span{
        font-size: 14px;
    }
    .inner_page_heading h2{
        font-size: 35px;
    }
    .page_contant p{
        font-size: 14px;
    }
    .copyright{
        text-align: center;
    }
    .copyleft{
        float: none;
    }
    .tsti h2{
        font-size: 25px;
    }
   .slide-nav {
        display: none;
    }
    .dtl28 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 360px){
    .site-login ul li a{
        padding: 8px 6px;
    }
}

@media only screen and (max-width: 320px){

}