﻿img{max-width:100%}
.produces h5{width:100%}
.single .imginfo .img {
    margin: 0 auto 10px auto;max-width:100%;float:none
}
.imginfo {
    width: 230px;
}
.nameofs{
    max-width: 70%;
    line-height: 30px;}
.mm-navbar .mm-title{font-size:14px;}
.mobile-menu{display:none}
.mobile-menu.mm-opened{display:block}

.main-content .srch{float:none;text-align:center; display:none}
.main-content .srch #txtsech2{width:73%;border-radius: 0 5px 5px 0}
.main-content .srch .btn{width:25% ; border-radius:5px 0 0 5px;border-right:none }
.navbar-toggle{display:none}
.navbar-toggle {
    width: 40px;
    height: 40px;
    float: right;
    padding: 10px 10px 0 0;
    border: none;
    cursor: pointer;
    position: absolute;
}
.navbar-toggle .icon-bar {
     display: block;
    width: 28px;
    background: rgba(255, 255, 255, 0.5);
    height: 3px;
    border-radius: 1px;
    margin-bottom: 4px;
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .header,.header .nav,#wrapper {
        width: 1000px;
    }

    .main-content {
        width: 770px;
    }
    .mini .main-content{width:100%}
    .mini .half {
    width: 473px;
}
    .header .nav ul {
        width: 750px;
    }
    .footer .menu {
        width: 600px;
    }
    .produce{width:245px}
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
    .header,.header .nav,#wrapper {
        width: 760px;
    }

    .main-content {
        width: 530px;
    }

    .header .nav ul {
        width: 100%;float:none
    }

    .nav .srch{  }
    .header .nav {
        height: 80px;
    }
    .nameofs{padding-top:25px}
    img.logo {
        max-height: 90px;
    }
    .produce {
        width: 255px;
    }
    .footer .menu {
        width: 370px;margin-top:10px;
    }




    /*********mini*************/
    .mini .half{width:375px;box-sizing:border-box;}
    .mini .main-content{width:100%;box-sizing:border-box;}


}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    body{min-width:480px; background:#EBEBEB !important}
    
  .header,.header .nav,#wrapper {
        width: 480px;
    }

    .main-content {
        width: 480px;
    }

    .header .nav ul {
        width: 100%;float:none
    }

    .nav .srch{  }
    .header .nav {
        display:none;
    }
    .header {
        height: auto;
    background: #142946;
    padding: 20px 10px;
    box-sizing: border-box;
    text-align: center;
    }
    .nameofs {
        padding: 0;
        float: none;
        display: block;
        padding-top: 50px;
        max-width: 100%;
    }
    img.logo {
        max-height: 90px;
        float:none;
    }
    .produce {
        width: 230px;
    }
    .footer .menu {
        float:none;
    width: 410px;margin-top:10px;
    }
    .footer .copyright{float:none; text-align:center;
    width: 100%;}
 .hide-xs{display:none}
 .sidebar{width:100%;box-sizing:border-box;margin-right:0;}
 .imginfo{float:none; width:100%;margin:0;}
  .imginfo img{max-height:150px;}
  .fileinformation .price,.fileinformation .description{float:none; width:100%; margin-bottom:10px; }
  .fileinformation .price{border-top:1px solid #eee; margin-top:5px; padding-top:5px}

  .main-content .srch{display:block;}
  .navbar-toggle{display:block}
  
    /*********mini*************/
    .mini .half{width:100%;box-sizing:border-box;}
    .mini .main-content{width:100%;box-sizing:border-box;}

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media  (max-width: 480px) {
 body{min-width:320px; background:#EBEBEB !important}
    
  .header,.header .nav,#wrapper {
        width: 320px;
    }

    .main-content {
        width: 320px;
    }

    .header .nav ul {
        width: 100%;float:none
    }

    .nav .srch{  }
    .header .nav {
        display:none;
    }
    .header {
        height: auto;
    background: #142946;
    padding: 20px 10px;
    box-sizing: border-box;
    text-align: center;
    }
    .nameofs{padding:0; float:none;display:block;padding-top:25px;max-width:100%;}
    img.logo {
        max-height: 90px;
        float:none;
    }
    .produce {
        width: 310px;
    }
    .footer .menu {
        float:none;
    width: 270px;margin-top:10px;
    }
    .footer .copyright{float:none; text-align:center;
    width: 100%;}
 .hide-xs{display:none}
 .sidebar{width:100%;box-sizing:border-box;margin-right:0;}
 .imginfo{float:none; width:100%;margin:0;}
  .imginfo img{max-height:150px;}
  .fileinformation .price,.fileinformation .description{float:none; width:100%; margin-bottom:10px; }
  .fileinformation .price{border-top:1px solid #eee; margin-top:5px; padding-top:5px}

  .main-content .srch{display:block; float:none}
  .navbar-toggle{display:block}
    /*********mini*************/
    .mini .half{width:100%;box-sizing:border-box;}
    .mini .main-content{width:100%;box-sizing:border-box;}
 
  
}