/* =============================================================================
    16. RESPONSIVE - MEDIA QUERIES
============================================================================= */
@media only screen and (min-width: 1200px) and (max-width: 1650px){

    .co .list-aggregate li a { color: #ff0600; padding-right: 10px;font-size: 16px; }
    .co .list-aggregate li a:hover { color: #fff ; }
    .co .list-aggregate li p { color: #1d78cb; padding:0 10px;  padding-right: 10px; padding-bottom: 10px; padding-top: 10px;}
    .co{
        width: 381px;
        height: 380px;
        left:1%;
        overflow: hidden;
    }
    .co:before{
        width: 410px;

        top: -25px;
        left: 600px;
        bottom: 0;
    }
    #picsale1{
        width: 1%;
    }
    #IranMap .map svg{height:500px;width:500px}
    #titrservice{
        font-family: '0 Soroosh';
        font-size: 16px;
    }
    #searchcity {
        height: 8px;
        padding-bottom: 11px;
        padding-top: 3px;
    }
    .grid_12{
        width: 1180px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1200px){
    #showresultstar1 {
        margin-left: 500px;
    }
    .co .list-aggregate li a { color: #ff0600; padding-right: 70px;font-size: 16px; }
    .co .list-aggregate li a:hover { color: #fff ; }
    .co .list-aggregate li p { color: #1d78cb; padding:0 10px;  padding-right: 70px; padding-bottom: 10px; padding-top: 10px; }
    .co{
        width: 303px;
        height: 294px;
        background: inherit;
        position: absolute;
        overflow: hidden;
        left:56%;
        margin-left: -168px;
    }
    .co:before{
        width: 356px;
        height: 383px;
        content: "";
        position: absolute;
        top: -25px;
        left: -25px;

        bottom: 0;
        right: 0;

    }


    #picsale1{
        width: 14%;
    }
    ul#etalage{
        max-width: 300px;
        max-height: 300px;
        height: 300px;
         }
    ul#etalage img{
        max-height: 160px;
        height: 160px;
    }
    ul#etalage li.etalage_small_thumbs li img{
        width: 95px;
        height: 70px;
        background: white;
    }
    #etalage li.etalage_zoom_area
    {

        max-width: 900px;
margin-left: -100px;
background: white;
    }
    #etalage li.etalage_zoom_area img{
        position: absolute;
    max-width: 800px;
        width: 800px;
        max-height: 500px;


    }

    .col1{
        width:70%;
        font-size: 16px;
    }
    .col2{
        width: 30%;
        font-size: 16px;
    }
    #onvannews1
    {
        margin-top: 20px;
        width: 780px;
    }
    #onvannews1 h3
    {
        width: 740px;
    }
    #onvannews1 .sumnews
    {
        width: 740px;
    }
    #imgnews{
    margin-top: -125px;
    }

    #tblprice img{
        width: 60px;
        height: 43px;
    }
    #searchcity
    {
        height: 8px;
        padding-bottom: 11px;
        padding-top: 3px;
        margin-left: -30px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #IranMap .map svg{height:450px;width:450px;}
    .textASS{
        font-size:10px;
right: -5px;
        top:110px;
        width: 250px;
        height: 30px;
    }
    .lastnews_box .newsban {
        left: 210px;
    }
    .lastnews_box{
        height: 297px;
    }
    #onvannews #ponvannews{
        font-size: 16px;
        color:#1d78cb;
        margin-top: 30px;
        max-height: 20px;
        height: 20px;
        overflow: hidden;
    }
    .lastnews_box .comment_news .sumonvan
    {
        height: 20px;
        overflow: hidden;
        font-size: 8px;
        margin-top: 10px;
    }

    .salebaner
    {
        height: 297px;
    }
    #content-wrapper{
        width: 960px;
        margin-top: -40px;
    }
    .fullwidthbanner-container
    {
        margin-top: -40px;
    }


    #header{
        width: 960px;
    }

    #contact-info-container{
        width: 900px;
    }

    #nav{
        width: 100% !important;
        float: none;
        margin-right: 0;
    }

    #search-box{
        display: none;
    }

    #nav{
        float: none;
        margin: 0 auto;
        display: table;
    }

    iframe{
        max-width: 100%;
        height: auto;
    }

    img{
        max-width: 100%;
    }

    /* GRIDS */
    .container_12{
        width: 960px !important;

    }

    .grid_1{
        width: 60px !important;
    }
    .grid_2{
        width: 140px !important;
    }
    .panelsearch
    {
        margin-right: 20px;
        padding: 5px;
    }
    /*-----------------------------------------------------------------*/
.checkbox{

    margin-left: 10px;
margin-top: -20px;
}
    .checkbox label {
        padding-right: 20px;

    }
    /****************************/

    .grid_3{
        width: 220px !important;
    }
    .grid_4{
        width: 300px !important;
    }
    .grid_5{
        width: 380px !important;
    }
    .grid_6{
        width: 460px !important;
    }
    .grid_7{
        width: 540px !important;
    }
    .grid_8{
        width: 620px !important;
    }
    .grid_9{
        width: 700px !important;
    }
    .grid_10{
        width: 780px !important;

    }
    #resultsearch{
        margin-right: 5px;
        padding-right: 20px;
    }
    .grid_11{
        width: 860px !important;
    }
    .grid_12{
        width:940px !important;
    }

    .arrow-list li{
        background-position: 0 2px !important;
    }

    /* ENTRY NOTE
    ------------------------------------------------------------------------- */
    .entry-note p{
        padding: 0;
    }

    /* NOTE
    ------------------------------------------------------------------------- */
    .grid_12 .note-container .note-content .note{
        max-width: 508px;
    }

    /* CLIENT CAROUSEL
    --------------------------------------------------------------------------*/
    #client-carousel li{
        width: 135px !important;
        min-height: 70px !important;
    }

    .client-carousel .caroufredsel_wrapper{
        width: 688px !important;
        min-height: 72px !important;
    }

    #client-carousel li img{
        width: 120px;
    }

    /* TABS HORISONTAL
    -------------------------------------------------------------------------- */
    .tabs li{
        width: 100%;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;

        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .tabs li.active{
        border-right: 1px solid #eee;
    }

    /* TESTIMONIAL CAROUSEL
    ------------------------------------------------------------------------- */
    .grid_4.aside-right .carousel-testimonial .caroufredsel_wrapper,
    .grid_4.aside-left .carousel-testimonial .caroufredsel_wrapper,
    .grid_4.aside-right .carousel-testimonial .carousel-li > li, .grid_4.aside-left .carousel-testimonial .carousel-li > li{
        width: 196px !important;
    }

    .grid_3 .carousel-testimonial .carousel-li > li,
    .grid_3 .carousel-testimonial .caroufredsel_wrapper{width: 157px !important;}
    .grid_4 .carousel-testimonial .carousel-li > li,
    .grid_4 .carousel-testimonial .caroufredsel_wrapper{width: 216px !important;}
    .grid_5 .carousel-testimonial .carousel-li > li,
    .grid_5 .carousel-testimonial .caroufredsel_wrapper{width: 275px !important;}
    .grid_6 .carousel-testimonial .carousel-li > li,
    .grid_6 .carousel-testimonial .caroufredsel_wrapper{width: 334px !important;}
    .grid_7 .carousel-testimonial .carousel-li > li,
    .grid_7 .carousel-testimonial .caroufredsel_wrapper{width: 393px !important;}
    .grid_8 .carousel-testimonial .carousel-li > li,
    .grid_8 .carousel-testimonial .caroufredsel_wrapper{width: 452px !important;}
    .grid_9 .carousel-testimonial .carousel-li > li,
    .grid_9 .carousel-testimonial .caroufredsel_wrapper{width: 511px !important;}
    .grid_12 .carousel-testimonial .carousel-li > li,
    .grid_12 .carousel-testimonial .caroufredsel_wrapper{width: 688px !important;}

    /* TESTIMONIALS ALTERNATIVE
    -------------------------------------------------------------------------- */
    .testimonials-alternative-nav li{
        width: 47px;
    }

    /* NIVO SLIDER
    --------------------------------------------------------------------------*/
    .nivoSlider.image-slider,
    .nivoSlider.image-slider img{
        width: 100%;
    }

    /* CAROUSEL ARTICLE
    -------------------------------------------------------------------------- */
    .carousel-article .caroufredsel_wrapper{
        width: 100% !important;
    }

    .carousel-article{
        float: left;
        width: 100%;
    }

    .grid_3 .carousel-article .caroufredsel_wrapper{
        width: 157px !important;
    }
    .grid_3 .carousel-article .carousel-li > li{
        width: 157px !important;
        margin-right: 0;
    }

    .grid_4 .carousel-article .caroufredsel_wrapper{
        width: 216px !important;
    }

    .grid_4 .carousel-article .carousel-li > li{
        width: 216px !important;
        margin-right: 0;
    }

    .grid_4.aside-left .carousel-article .carousel-li > li,
    .grid_4.aside-right .carousel-article .carousel-li > li{
        width: 196px !important;
    }

    .grid_4.aside-left .carousel-article .caroufredsel_wrapper,
    .grid_4.aside-right .carousel-article .caroufredsel_wrapper{
        width: 196px !important;
    }

    .grid_5 .carousel-article .caroufredsel_wrapper{
        width: 275px !important;
    }
    .grid_5 .carousel-article .carousel-li > li{
        width: 275px !important;
        margin-right: 0;
    }

    .grid_6 .carousel-article .caroufredsel_wrapper{
        width: 334px !important;
    }
    .grid_6 .carousel-article .carousel-li > li{
        width: 334px !important;
        margin-right: 0;
    }

    .grid_7 .carousel-article .caroufredsel_wrapper{
        width: 393px !important;
    }
    .grid_7 .carousel-article .carousel-li > li{
        width: 393px !important;
        margin-right: 0;
    }

    .grid_8 .carousel-article .caroufredsel_wrapper{
        width: 452px !important;
    }
    .grid_8 .carousel-article .carousel-li > li{
        width: 452px !important;
        margin-right: 0;
    }

    .grid_9 .caroufredsel_wrapper .caroufredsel_wrapper{
        width: 511px !important;
    }
    .grid_9 .carousel-article .carousel-li > li{
        width: 511px !important;
        margin-right: 0;
    }

    .grid_12 .carousel-article .caroufredsel_wrapper{
        width: 688px !important;
    }
    .grid_12 .carousel-article .carousel-li > li{
        width: 688px !important;
        margin-right: 0;
    }

    /* HOME PAGE RECENT POSTS WIDGET
    ------------------------------------------------------------------------- */
    .latest-blog-posts .post-info{
        width: 98px;
    }

    .latest-blog-posts .post-body{
        width: 216px;
    }

    .latest-blog-posts .post-body .post-meta .title-date{
        width: 156px;
    }

    /* ABOUT
    --------------------------------------------------------------------------*/
    .team-info .title-position{
        width: 100%;
        left: 0;
        position: relative;
    }


    /* SERVICES
    ------------------------------------------------------------------------- */
    .grid_3 .service-box-1 .icon,
    .grid_4 .service-box-1 .icon{
        margin: 0 auto 20px;
        float: none;
    }

    .grid_3 .service-box-1 .content,
    .grid_4 .service-box-1 .content{
        width: 100%;
    }

    .grid_3 .service-box-1 .content .title,
    .grid_4 .service-box-1 .content .title{
        text-align: center;
    }

    .grid_5 .service-box-1 .content{width: 203px;}
    .grid_6 .service-box-1 .content{width: 262px;}
    .grid_7 .service-box-1 .content{width: 321px;}
    .grid_8 .service-box-1 .content{width: 380px;}
    .grid_9 .service-box-1 .content{width: 439px;}
    .grid_12 .service-box-1 .content{width: 616px;}

    /* PAGES WITH SIDEBAR
    ------------------------------------------------------------------------- */
    .aside-right,
    .aside-left{
        width: 196px !important;
    }

    /* PORTFOLIO
    --------------------------------------------------------------------------*/
    .portfolio img{
        width: 100%;
    }

    .carousel-portfolio .carousel-li > li{
        width: 157px !important;
        min-height: 173px !important;

    }

    .carousel-portfolio .caroufredsel_wrapper{
        width: 688px !important;
        min-height: 173px !important;
    }

    .grid_12.portfolio-style-2 .portfolio{
        width: 393px;
    }

    .grid_12.portfolio-style-2 .portfolio-info{
        width: 275px;

    }

    .portfolio-pagination .pager{
        width: 548px;
    }

    .grid_3.portfolio-style-1 .portfolio,
    .grid_4.portfolio-style-1 .portfolio,
    .grid_6.portfolio-style-1 .portfolio{
        width: 100%;
    }

    .gallery .grid_4.portfolio-style-gallery{
        width: 228px !important;
    }

    /* BLOG
   --------------------------------------------------------------------------*/
    .post-body, .post-body-container{
        width: 322px;
    }

    .post-body .nivoSlider.blog-slider,
    .post-body .nivoSlider.blog-slider img{
        width: 322px;
        height: auto;
        min-height: 160px;
    }

    .nivoSlider.blog-slider,
    .nivoSlider.blog-slider img{
        width: 100%;
    }

    .post-author .info{
        width: 216px;
    }

    #respond .name-container input, #respond .email-container input{
        width: 200px;
    }

    /* CONTACT
    ------------------------------------------------------------------------- */
    .wpcf7-text{
        width: 220px;
    }

    /* FOOTER
    ------------------------------------------------------------------------- */
    .container_12.copyright-container .grid_6.alpha,
    .container_12.copyright-container .grid_6.omega{
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px;
        width: 100% !important;
        text-align: center;
    }

    .footer-breadcrumbs{
        float: right;
        margin: 0 auto;
        text-align: center;
        display: table;
    }
    .textASS{
        font-size:15px;
        margin-bottom:50px;
        margin-top:-90px;
        margin-right:20px;
        width: 192px;
        height: 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px){
    #showresultstar1 {
        margin-left: 340px;
    }
    .co .list-aggregate li a { color: #ff0600; padding-right: 154px;font-size: 16px; }
    .co .list-aggregate li a:hover { color: #fff ; }
    .co .list-aggregate li p { color: #1d78cb; padding:0 10px;  padding-right: 155px; padding-bottom: 10px; padding-top: 10px;}
    .co{
        width: 218px;
        height: 209px;
        background: inherit;
        position: absolute;
        overflow: hidden;
        left:79%;
        margin-left: -172px;

    }
    .co:before{
        width: 290px;
        height: 383px;
        content: "";
        position: absolute;
        top: -25px;
        left: -25px;

        bottom: 0;
        right: 0;
    }
    #homepage1
    {
        margin-top: 0px;
    }
    #accordion1 #allresult1 table{    width: 97%;
        margin-left: 2px;}

    ul#etalage li.etalage_magnifier{display: none;  }
    .etalage_magnifier{ display: none; }
    .etalage_magnifier div{ display: none; }
    .etalage_magnifier div img{ display:none }
    ul#etalage{
        max-width: 220px;
        max-height: 300px;
        overflow: hidden;
    }
    ul#etalage img{
        max-height: 120px;
        height: 120px;
    }
    ul#etalage li.etalage_small_thumbs li {
        max-width: 70px;
        max-height: 40px;
        height: 40px;
    }
    ul#etalage li.etalage_small_thumbs li img {
        max-width: 70px;
        max-height: 40px;
        height: 40px;
    }
    .col1{
        width:60%;
        font-size: 14px;
    }
    .col2{
        width: 40%;
        font-size: 14px;
    }
    #onvannews1
    {
        margin-top: 30px;
        width: 650px;
    }
    #onvannews1 h3
    {
        width: 500px;
    }
    #onvannews1 .sumnews
    {
        width: 500px;
    }
    #imgnews{
        margin-top: -125px;
    }
    #tblprice img{
        width: 60px;
        height: 43px;
    }
    #pindexceo
    {height: 60px; overflow: hidden;}
    #pindexhis
    {height: 40px; overflow: hidden;}

    #IranMap .map svg{height:350px;width:350px;}
    .tabs.vertical li a {
        font-size: 13px;
        padding-right: 3px;
        padding-left: 3px;
    }
    #searchcity
    {
        height: 8px;
        padding-bottom: 11px;
        padding-top: 3px;
        margin-left: -30px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .textASS{
        font-size:12px;
       right: -10px;

        margin-top:-10px;
        width: 155px;
    }

    #btnhonor{
        margin-top: 40px;
    }
    .footer-breadcrumbs
    {
        float: right;
    }
    #linkservice{
     margin-top: -100px;
     margin-left: -100px;
    }
    .btnnews {
    margin-top: 1px;
    }
    .lastnews_box{
        height: 207px;
    }
    .salebaner
    {
        height: 207px;
    }
    .lastnews_box .comment_news .sumonvan
    {
      display: none;
    }
    #onvannews #ponvannews{
        font-size: 12px;
        color:#1d78cb;
        margin-top: 20px;
        max-height: 40px;
        height: 40px;
        overflow: hidden;
     }

    .fullwidthbanner-container
    {
    margin-top: -40px;
    }

    #content-wrapper{
        width: 728px;
        margin-top: -40px;
    }

    #header{
        width: 688px;
    }

    #contact-info-container{
        width: 406px;
    }

    #nav{
        width: 100% !important;
        float: none;
        margin-right: 0;
    }

    #search-box{
        display: none;
    }
    .top-shadow{
        width: 100%;
        background-size: 100%;
    }

    #nav{
        float: none;
        margin: 0 auto;
        display: table;
    }

    iframe{
        max-width: 100%;
        height: auto;
    }

    img{
        max-width: 100%;
    }

    /* GRIDS */
    .container_12{
        width: 728px !important;
    }

    .grid_1{
        width: 39px !important;
    }
    .grid_2{
        width: 130px !important;
    }
    .panelsearch
    {
        margin-right: 10px;
        padding: 5px;
    }
    /*-----------------------------------------------------------------*/
    .checkbox{

        margin-left: 10px;
        margin-top: -20px;
    }
    .checkbox label {
        padding-right: 20px;

    }
    .grid_3{
        width: 157px !important;
    }
    .grid_4{
        width: 216px !important;
    }
    .grid_5{
        width: 275px !important;

    }
    .grid_6{
        width: 344px !important;
    }
    .grid_7{
        width: 393px !important;
    }
    .grid_8{
        width: 452px !important;
    }
    .grid_9{
        width: 511px !important;
    }
    .grid_10{
        width: 570px !important;
    }

    #resultsearch{
        margin-right: 5px;
        padding-right: 10px;
    }
    .grid_11{
        width: 629px !important;
    }
    .grid_12{
        width: 688px !important;
    }

    .arrow-list li{
        background-position: 0 2px !important;
    }

    /* ENTRY NOTE
    ------------------------------------------------------------------------- */
    .entry-note p{
        padding: 0;
    }

    /* NOTE
    ------------------------------------------------------------------------- */
    .grid_12 .note-container .note-content .note{
        max-width: 508px;
    }

    /* CLIENT CAROUSEL
    --------------------------------------------------------------------------*/
    #client-carousel li{
        width: 135px !important;
        min-height: 70px !important;
    }

    .client-carousel .caroufredsel_wrapper{
        width: 688px !important;
        min-height: 72px !important;
    }

    #client-carousel li img{
        width: 120px;
    }

    /* TABS HORISONTAL
    -------------------------------------------------------------------------- */
    .tabs li{
        width: 100%;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;

        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .tabs li.active{
        border-right: 1px solid #eee;
    }

    /* TESTIMONIAL CAROUSEL
    ------------------------------------------------------------------------- */
    .grid_4.aside-right .carousel-testimonial .caroufredsel_wrapper,
    .grid_4.aside-left .carousel-testimonial .caroufredsel_wrapper,
    .grid_4.aside-right .carousel-testimonial .carousel-li > li, .grid_4.aside-left .carousel-testimonial .carousel-li > li{
        width: 196px !important;
    }

    .grid_3 .carousel-testimonial .carousel-li > li,
    .grid_3 .carousel-testimonial .caroufredsel_wrapper{width: 157px !important;}
    .grid_4 .carousel-testimonial .carousel-li > li,
    .grid_4 .carousel-testimonial .caroufredsel_wrapper{width: 216px !important;}
    .grid_5 .carousel-testimonial .carousel-li > li,
    .grid_5 .carousel-testimonial .caroufredsel_wrapper{width: 275px !important;}
    .grid_6 .carousel-testimonial .carousel-li > li,
    .grid_6 .carousel-testimonial .caroufredsel_wrapper{width: 334px !important;}
    .grid_7 .carousel-testimonial .carousel-li > li,
    .grid_7 .carousel-testimonial .caroufredsel_wrapper{width: 393px !important;}
    .grid_8 .carousel-testimonial .carousel-li > li,
    .grid_8 .carousel-testimonial .caroufredsel_wrapper{width: 452px !important;}
    .grid_9 .carousel-testimonial .carousel-li > li,
    .grid_9 .carousel-testimonial .caroufredsel_wrapper{width: 511px !important;}
    .grid_12 .carousel-testimonial .carousel-li > li,
    .grid_12 .carousel-testimonial .caroufredsel_wrapper{width: 688px !important;}

    /* TESTIMONIALS ALTERNATIVE
    -------------------------------------------------------------------------- */
    .testimonials-alternative-nav li{
        width: 30px;
    }

    /* NIVO SLIDER
    --------------------------------------------------------------------------*/
    .nivoSlider.image-slider,
    .nivoSlider.image-slider img{
        width: 100%;
    }

    /* CAROUSEL ARTICLE
    -------------------------------------------------------------------------- */
    .carousel-article .caroufredsel_wrapper{
        width: 100% !important;
    }

    .carousel-article{
        float: left;
        width: 100%;
    }

    .grid_3 .carousel-article .caroufredsel_wrapper{
        width: 157px !important;
    }
    .grid_3 .carousel-article .carousel-li > li{
        width: 157px !important;
        margin-right: 0;
    }

    .grid_4 .carousel-article .caroufredsel_wrapper{
        width: 216px !important;
    }

    .grid_4 .carousel-article .carousel-li > li{
        width: 216px !important;
        margin-right: 0;
    }

    .grid_4.aside-left .carousel-article .carousel-li > li,
    .grid_4.aside-right .carousel-article .carousel-li > li{
        width: 196px !important;
    }

    .grid_4.aside-left .carousel-article .caroufredsel_wrapper,
    .grid_4.aside-right .carousel-article .caroufredsel_wrapper{
        width: 196px !important;
    }

    .grid_5 .carousel-article .caroufredsel_wrapper{
        width: 275px !important;
    }
    .grid_5 .carousel-article .carousel-li > li{
        width: 275px !important;
        margin-right: 0;
    }

    .grid_6 .carousel-article .caroufredsel_wrapper{
        width: 334px !important;
    }
    .grid_6 .carousel-article .carousel-li > li{
        width: 334px !important;
        margin-right: 0;
    }

    .grid_7 .carousel-article .caroufredsel_wrapper{
        width: 393px !important;
    }
    .grid_7 .carousel-article .carousel-li > li{
        width: 393px !important;
        margin-right: 0;
    }

    .grid_8 .carousel-article .caroufredsel_wrapper{
        width: 452px !important;
    }
    .grid_8 .carousel-article .carousel-li > li{
        width: 452px !important;
        margin-right: 0;
    }

    .grid_9 .caroufredsel_wrapper .caroufredsel_wrapper{
        width: 511px !important;
    }
    .grid_9 .carousel-article .carousel-li > li{
        width: 511px !important;
        margin-right: 0;
    }

    .grid_12 .carousel-article .caroufredsel_wrapper{
        width: 688px !important;
    }
    .grid_12 .carousel-article .carousel-li > li{
        width: 688px !important;
        margin-right: 0;
    }

    /* HOME PAGE RECENT POSTS WIDGET
    ------------------------------------------------------------------------- */
    .latest-blog-posts .post-info{
        width: 98px;
    }

    .latest-blog-posts .post-body{
        width: 216px;
    }

    .latest-blog-posts .post-body .post-meta .title-date{
        width: 156px;
    }

    /* ABOUT
    --------------------------------------------------------------------------*/
    .team-info .title-position{
        width: 100%;
        left: 0;
        position: relative;
    }


    /* SERVICES
    ------------------------------------------------------------------------- */
    .grid_3 .service-box-1 .icon,
    .grid_4 .service-box-1 .icon{
        margin: 0 auto 20px;
        float: none;
    }

    .grid_3 .service-box-1 .content,
    .grid_4 .service-box-1 .content{
        width: 100%;
    }

    .grid_3 .service-box-1 .content .title,
    .grid_4 .service-box-1 .content .title{
        text-align: center;
    }

    .grid_5 .service-box-1 .content{width: 203px;}
    .grid_6 .service-box-1 .content{width: 262px;}
    .grid_7 .service-box-1 .content{width: 321px;}
    .grid_8 .service-box-1 .content{width: 380px;}
    .grid_9 .service-box-1 .content{width: 439px;}
    .grid_12 .service-box-1 .content{width: 616px;}

    /* PAGES WITH SIDEBAR
    ------------------------------------------------------------------------- */
    .aside-right,
    .aside-left{
        width: 196px !important;
    }

    /* PORTFOLIO
    --------------------------------------------------------------------------*/
    .portfolio img{
        width: 100%;
    }
    .carousel-portfolio .carousel-li > li{
        width: 157px !important;
        min-height: 173px !important;
    }

    .carousel-portfolio .caroufredsel_wrapper{
        width: 688px !important;
        min-height: 173px !important;
    }

    .grid_12.portfolio-style-1 .portfolio{
        width: 393px;
    }

    .grid_12.portfolio-style-1 .portfolio-info{
        width: 275px;
    }

    .portfolio-pagination .pager{
        width: 548px;
    }

    .grid_3.portfolio-style-1 .portfolio,
    .grid_4.portfolio-style-1 .portfolio,
    .grid_6.portfolio-style-1 .portfolio{
        width: 100%;
    }

    .gallery .grid_4.portfolio-style-gallery{
        width: 228px !important;
    }
    .portfolio figcaption a {
        font-size: 10px;
    }
    /* BLOG
   --------------------------------------------------------------------------*/
    .post-body, .post-body-container{
        width: 322px;
    }

    .post-body .nivoSlider.blog-slider,
    .post-body .nivoSlider.blog-slider img{
        width: 322px;
        height: auto;
        min-height: 160px;
    }

    .nivoSlider.blog-slider,
    .nivoSlider.blog-slider img{
        width: 100%;
    }

    .post-author .info{
        width: 216px;
    }

    #respond .name-container input, #respond .email-container input{
        width: 200px;
    }

    /* CONTACT
    ------------------------------------------------------------------------- */
    .wpcf7-text{
        width: 220px;
    }

    /* FOOTER
    ------------------------------------------------------------------------- */
    .container_12.copyright-container .grid_6.alpha,
    .container_12.copyright-container .grid_6.omega{
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px;
        width: 100% !important;
        text-align: center;
    }

    .footer-breadcrumbs{
        float: none;
        margin: 0 auto;
        text-align: center;
        display: table;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px){

    #showresultstar1 {
        margin-left: 295px;
    }
    .co .list-aggregate li a { color: #ff0600; padding-right: 10px;font-size: 16px; }
    .co .list-aggregate li a:hover { color: #fff ; }
    .co .list-aggregate li p { color: #1d78cb; padding:0 10px;  padding-right: 10px; padding-bottom: 10px; padding-top: 10px; }
    .co{
        width: 403px;
        height: 283px;
        background: inherit;
        position: absolute;
        overflow: hidden;
        left:43%;
        margin-left: -175px;

    }
    .co:before{
        width: 440px;
        height: 383px;
        content: "";
        position: absolute;
        top: -25px;
        left: -25px;

        bottom: 0;
        right: 0;
    }
    #homepage1
    {
        margin-top: 10px;
    }
    #accordion1 #allresult1 table{    width: 100%;
        margin-left: -2px;}

    #picsale1{
        width: 15%;
    }
    .panelsearch
    {
        margin-right: 20px;
    }
    ul#etalage li.etalage_magnifier{display: none;  }
    .etalage_magnifier{ display: none; }
    .etalage_magnifier div{ display: none; }
    .etalage_magnifier div img{ display:none; }
    ul#etalage{
        max-width: 600px;
        max-height: 340px;
        overflow: hidden;
    }
    ul#etalage li.etalage_small_thumbs li {
        max-width: 70px;
        max-height: 40px;
        height: 40px;
    }
    ul#etalage li.etalage_small_thumbs li img {
        max-width: 70px;
        max-height: 40px;
        height: 40px;
    }
    .etalage_magnifier{ display: none; }
    .etalage_small_thumbs{ max-height: 65px;}

    #etalage li.etalage_small_thumbs li{
        width: 70px;
        margin-top: 200px;
        height: 55px;
    }

    .col1{
        width:40%;
        font-size: 14px;
    }
    .col2{
        width: 60%;
        font-size: 14px;
    }

    .portfolio-single
    {
        display: none;
    }
    #detimgnews{
        height: 250px;
        width: 350px;
    margin-left: 20px;
    }
    #titlebread a
    {
        font-size: 11px;
    }
    #onvannews1
    {margin-top: 30px;
        width: 400px;
    }
    #onvannews1 h3
    {
        width: 400px;
        overflow: hidden;
    }
    #datenews
    {
        margin-top: 10px;
    }
    #onvannews1 .sumnews
    {
        margin-top: 30px;
        margin-right: -100px;
        width: 220px;
        height:60px;
       overflow: hidden;
    }
    #imgnews{
        margin-top: -130px;
        margin-right:30px;
        overflow-x: hidden;
    }
    .hidetbl
    {
        display: none;
    }

    #tblprice{
        direction: rtl;
        width: 30%;
        font-size: 13px;
        text-align: center;
        vertical-align: middle;
    }
    #titlehis{
        font-size: 16px;
    }
    img.float-right
    {
        float:none;
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 5px;
        margin-bottom: 20px;
        width: 300px;
    }

    .portfolio figcaption a {
    font-size: 16px;
    }
    #IranMap .map svg{height:400px;width:400px;}
    #searchcity
    {
        height: 8px;
        padding-bottom: 11px;
        padding-top: 3px;
        margin-left: -30px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .section-title.left h3{
        font-size: 15px;
    }

    #titrservice
    {
        text-align: center;
        font-size: 15px;
    }
    .textASS{
        font-size:16px;
        right: -15px;
        margin-top:-5px;
        width: 300px;
        height: 20px;
    }
    .textASS{
        font-size:12px;
    right: -15px;
        margin-top:-13px;
        width:185px;
    }

    #onvannews #ponvannews{
        font-size: 16px;
        color:#1d78cb;
        margin-top: 30px;
        max-height: 20px;
        height: 20px;
        overflow: hidden;
    }
    .lastnews_box .comment_news .sumonvan
    {
        height: 20px;
        overflow: hidden;
        font-size: 8px;
   margin-top: 10px;
    }

    .testimonials-alternative-nav li{
        width: 55px;
    }

    .testimonials-alternative-nav li {
        margin-right: 13px;
        margin-bottom: 10px;
    }
    .footer-breadcrumbs
    {
      display: none;
    }
    .lastnews_box{
        height: 100%;
    }
    #content-wrapper{
        width: 440px;
        margin-top: -40px;
    }
    .fullwidthbanner-container
    {
        margin-top: -40px;
    }

    #header{
        width: 420px;
    }

    #contact-info-container{
        float: left;
        width: 100%;
    }

    #contact-info-container .info{
        float: none;
        margin: 0 auto 5px;
        display: table;
    }

    #contact-info-container .social-links{
        float: none;
        display: table;
        margin: 0 auto;
        width: auto;
    }

    #logo{
        float: none;
        margin: 0 auto 30px;
    }

    #search-box{
        display: none;
    }

    .top-shadow{
        width: 100%;
        background-size: 100%;
    }

    #nav-container #nav{
        display: none;
    }

    #nav-container{
        width: 100%;
    }

    #nav-container select{
        display: block;
        width: 380px;
        margin-top: 12px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 12px;
        height: 28px;
        background: #f6f6f6;
        border: 1px solid #ececec;
        color: #666;
        font: italic 12px Arial, sans-serif;    
    }

    img{
        max-width: 100%;
        height: auto;
    }

    iframe{
        max-width: 100%;
        height: auto;
    }

    /* GRIDS */
    .container_12{
        width: 420px !important;
    }

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        width: 400px !important;

    }
    .grid_4 .main {
        width: 400px !important;
    }
    .container_12 [class*="grid_"] [class*="grid_"]{
        margin-left: 0 !important;
    }
    .omega{
        margin-left: 0;
    }

    .arrow-list li{
        background-position: 0 2px !important;
    }

    /* ENTRY NOTE
    ------------------------------------------------------------------------- */
    .entry-note p{
        padding: 0;
    }

    /* NOTE
    ------------------------------------------------------------------------- */
    .grid_12 .note-container .note-content .note{
        width: 100%;
    }
    
    .grid_12 .note-container .note-content .note-btn{
        position: relative;
        top: 0;
        margin: 20px 0 0;
        float: left;
        right: 0;
    }

    /* CLIENT CAROUSEL
    --------------------------------------------------------------------------*/
    #client-carousel li{
        width: 131px !important;
        min-height: 70px !important;
    }

    .client-carousel .caroufredsel_wrapper{
        width: 400px !important;
        min-height: 70px !important;
    }

    #client-carousel li img{
        width: 120px;
    }

    /* TABS HORISONTAL
    -------------------------------------------------------------------------- */
    .tabs li{
        width: 100%;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;

        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .tabs li.active{
        border-right: 1px solid #eee;
    }
    
    .tabs.vertical{
        margin-bottom: 20px;
    }

    /* TESTIMONIAL CAROUSEL
    ------------------------------------------------------------------------- */
    .grid_4.aside-right .carousel-testimonial .carousel-li > li, .grid_4.aside-left .carousel-testimonial .carousel-li > li,
    .grid_4.aside-right .carousel-testimonial .caroufredsel_wrapper, 
    .grid_4.aside-left .carousel-testimonial .caroufredsel_wrapper, 
    .grid_3 .carousel-testimonial .caroufredsel_wrapper
    .grid_3 .carousel-testimonial .carousel-li > li,
    .grid_4 .carousel-testimonial .caroufredsel_wrapper,
    .grid_4 .carousel-testimonial .carousel-li > li,
    .grid_5 .carousel-testimonial .caroufredsel_wrapper,
    .grid_5 .carousel-testimonial .carousel-li > li,
    .grid_6 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_6 .carousel-testimonial .carousel-li > li,
    .grid_7 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_7 .carousel-testimonial .carousel-li > li,
    .grid_8 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_8 .carousel-testimonial .carousel-li > li,
    .grid_9 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_9 .carousel-testimonial .carousel-li > li,
    .grid_12 .carousel-testimonial .caroufredsel_wrapper,
    .grid_12 .carousel-testimonial .carousel-li > li{width: 400px !important; margin-right: 20px;}

    /* CAROUSEL ARTICLE FOOTER
    ------------------------------------------------------------------------- */
    .grid_3 .carousel-article .caroufredsel_wrapper,
    .grid_3 .carousel-article .carousel-li > li,
    .grid_4 .carousel-article .caroufredsel_wrapper,
    .grid_4 .carousel-article .carousel-li > li,
    .grid_4.aside-left .carousel-article .carousel-li > li, 
    .grid_4.aside-right .carousel-article .carousel-li > li, 
    .grid_5 .carousel-article .caroufredsel_wrapper,
    .grid_5 .carousel-article .carousel-li > li, 
    .grid_6 .carousel-article .caroufredsel_wrapper,
    .grid_6 .carousel-article .carousel-li > li,
    .grid_7 .carousel-article .caroufredsel_wrapper,
    .grid_7 .carousel-article .carousel-li > li,
    .grid_8 .carousel-article .caroufredsel_wrapper,
    .grid_8 .carousel-article .carousel-li > li,
    .grid_9 .carousel-article .caroufredsel_wrapper,
    .grid_9 .carousel-article .carousel-li > li, 
    .grid_12 .carousel-article .caroufredsel_wrapper,
    .grid_12 .carousel-article .carousel-li > li{
        width: 400px !important;
    }

    /* NIVO SLIDER
    --------------------------------------------------------------------------*/
    .nivoSlider.image-slider, 
    .nivoSlider.image-slider img{
        width: 100%;
    }
    
    .nivoSlider.image-slider .nivo-caption{
        display: none !important;
    }
    /* HOME PAGE RECENT POSTS WIDGET 
    ------------------------------------------------------------------------- */
    .latest-blog-posts .post-info{
        width: 100px;    
    }

    .latest-blog-posts .post-body{
        width: 280px;
    }

    .latest-blog-posts .post-body .post-meta .title-date{
        width: 220px;
    }

    .latest-blog-posts .post-info .comments{
        position: relative;
        width: 104px;
        left: 0;
        display: block;
        border: 2px solid #ddd;

        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        text-align: center;
    }
    
    
    
    /* PAGE TITLE
    -------------------------------------------------------------------------- */
    .page-title .title{
        max-width: 250px;
    }

    /* SERVICES
    ------------------------------------------------------------------------- */ 
    .grid_4 .service-box-1 .content, 
    .grid_3 .service-box-1 .content,
    .grid_5 .service-box-1 .content,
    .grid_6 .service-box-1 .content,
    .grid_7 .service-box-1 .content,
    .grid_8 .service-box-1 .content,
    .grid_9 .service-box-1 .content,
    .grid_12 .service-box-1 .content{width: 328px;}

    /* PAGES WITH SIDEBAR 
    ------------------------------------------------------------------------- */
    .aside-right, 
    .aside-left{
        width: 400px !important;
        padding: 0;
    }

    /* PORTFOLIO
    --------------------------------------------------------------------------*/
    .quicksand-filter-container span{
        text-align: center;
        width: 100%;
        margin-bottom: 5px;
    }
    
    .quicksand-filter-container #quicksand-filter{
        float: none;
        display: table;
        margin: 0 auto;

    }
    
    .portfolio img{
        width: 100%;
    }
    
    .carousel-portfolio .caroufredsel_wrapper{
        width: 419px !important;
        min-height: 198px !important;
    }

    .carousel-portfolio .carousel-li > li{
        width: 190px !important;
        min-height: 198px !important;
    }

    .grid_12.portfolio-style-1 .portfolio{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .grid_12.portfolio-style-1 .portfolio-info{
        width: 100%;
    }

    .portfolio-pagination .pager{
        width: 266px;
    }

    .grid_3.portfolio-style-1 .portfolio, 
    .grid_4.portfolio-style-1 .portfolio, 
    .grid_6.portfolio-style-1 .portfolio{
        width: 100%;
    }

    .gallery .grid_4.portfolio-style-gallery{
        width: 100% !important;
    }

    /* BLOG 
   --------------------------------------------------------------------------*/
    .post-body, .post-body-container{
        width: 270px;
    }

    .post-body .nivoSlider.blog-slider, 
    .post-body .nivoSlider.blog-slider img{
        width: 270px;
        height: auto;
        min-height: 134px;
    }

    .nivoSlider.blog-slider, 
    .nivoSlider.blog-slider img{
        width: 100%;
    }

    .post-author .info{
        width: 164px;
    }

    #respond .name-container input, #respond .email-container input{
        width: 200px;
    }
    
    .pager{
        width: 266px;
    }
    
    .share-post #shareme{
        width: 100%;
        margin-top: 10px;
    }
    
    .post-comments .children{
        margin-left: 0;
        padding: 0 0 0 10px;
    }

    /* CONTACT 
    ------------------------------------------------------------------------- */
    .wpcf7-text{
        width: 220px;
    }

    /* FOOTER
    ------------------------------------------------------------------------- */
    .container_12.copyright-container .grid_6.alpha,
    .container_12.copyright-container .grid_6.omega{
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px;
        width: 100% !important;
        text-align: center;
    }
    .nivoSlider.image-slider
    {
        margin-left: 10px;
    }
    #allresult1 #hhh
    {width: 10px;}
    #homepage1
    {
        margin-top: 7px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px){
    #showresultstar1 {
        margin-left: 136px;
    }
    .co .list-aggregate li a { color: #ff0600; padding-right: 142px;font-size: 16px; }
    .co .list-aggregate li a:hover { color: #fff ; }
    .co .list-aggregate li p { color: #1d78cb; padding:0 10px;  padding-right: 142px; padding-bottom: 10px; padding-top: 10px; }
    .co{
        width: 241px;
        height: 283px;
        background: inherit;
        position: absolute;
        overflow: hidden;
        left:73%;
        margin-left: -175px;

    }
    .co:before{
        width: 280px;
        height: 383px;
        content: "";
        position: absolute;
        top: -25px;
        left: -25px;

        bottom: 0;
        right: 0;
    }
    #homepage1
    {
        margin-top: -10px;
    }
    #accordion1 #allresult1 table{    width: 100%;
        margin-left: -2px;}
    #accordion1 #allresult1 table tbody tr td img{display: none;}
    .panelsearch
    {
        margin-right: 20px;
    }
    ul#etalage{
        max-width: 240px;
        width: 240px;
        max-height: 300px;
        height: 300px;
        overflow: hidden;
    }
    ul#etalage img{
        max-height: 120px;
        height: 120px;
    }
    ul#etalage li.etalage_small_thumbs li{
        width: 95px;
        max-height: 100px;

    }
    ul#etalage li.etalage_small_thumbs li img{
        width: 95px;
        max-height: 100px;
       height: 100px;
    }
    ul#etalage li.etalage_magnifier{display: none;  }
    .etalage_magnifier{ display: none; }
    .etalage_magnifier div{ display: none; }
    .etalage_magnifier div img{ display:none }
    /*****************************************************/
    .col1{
        width: 50%;
        font-size: 11px;
    }
    .col2{
        width: 50%;
        font-size: 11px;
    }
    .portfolio-single
    {
        display: none;
    }
    #datenews
    {
        margin-top: -1px;
        margin-left: 5px;
    }
    #detimgnews{
        height: 180px;
    }
    #onvannews1
    {
        margin-top: 30px;
        width: 250px;
    }
    #onvannews1 h3
    {
        width: 240px;
        overflow-x: hidden;
    }

    #onvannews1 .sumnews
    {
        padding-top:40px;
        text-align: justify;
        width: 250px;
        margin-top: 110px;
        height:65px;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    #imgnews{
        margin-top: -210px;
        margin-right:30px;
        overflow-x: hidden;
    }
    .hidetbl
    {
        display: none;
    }

    #tblprice{
        direction: rtl;
        width: 30%;
        font-size: 10px;
        text-align: center;
        vertical-align: middle;
    }
    #titlehis{
        font-size: 16px;
    }
    #IranMap .map svg{height:250px;width:250px;}
    #searchcity
    {
        height: 8px;
        padding-bottom: 11px;
        padding-top: 3px;
        margin-left: -30px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .section-title.left h3{
        font-size: 10px;
    }
    #titrservice
    {
        text-align: center;
        font-size: 15px;
    }

    #imgASS{
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../img/banner/1111.jpg) no-repeat;
        height: 150px; /* Height of new image */
        padding-left: 240px; /* Equal to width of new image */
        background-size: 100% 100%;
    }
    #mainbannerwidth{
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../img/banner/mainbannerwidthen.jpg) no-repeat;
        height: 150px; /* Height of new image */
        padding-left: 240px; /* Equal to width of new image */
        background-size: 100% 100%;
    }

    #onvannews #ponvannews{
        font-size: 16px;
        color:#1d78cb;
        margin-top: 30px;
        max-height: 20px;
        height: 20px;
        overflow: hidden;
    }
    .lastnews_box .comment_news .sumonvan
    {
        height: 20px;
        overflow: hidden;
        font-size: 8px;
        margin-top: 10px;
    }
    .testimonials-alternative-nav li {
        padding-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .footer-breadcrumbs
    {
        display: none;
    }
    .lastnews_box{
        height: 100%;
    }
    #content-wrapper{
        width: 280px;
    }
    
    #header{
        width: 240px;
    }

    img{
        max-width: 100%;
        height: auto;
    }

    iframe{
        max-width: 100%;
        height: auto;
    }

    #search-box{
        display: none;
    }



    #nav-container #nav{
        display: none;
    }

    #nav-container{
        width: 100%;
    }

    #nav-container select{
        display: block;
        width: 380px;
        margin-top: 12px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 12px;
        height: 28px;
        background: #f6f6f6;
        border: 1px solid #ececec;
        color: #666;
        font: italic 12px Arial, sans-serif;    
    }
    
    /* GRIDS */
    .container_12{
        width: 260px !important;
    }
    
    #contact-info-container{
        float: left;
        width: 100%;
    }

    #contact-info-container .info{
        float: none;
        margin: 0 auto 5px;
        display: table;
    }

    #contact-info-container .social-links{
        float: none;
        display: table;
        margin: 0 auto;
        width: auto;
    }

    #logo{
        float: none;
        margin: 0 auto 30px;
    }

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        width: 240px !important;
    }

    .container_12 [class*="grid_"] [class*="grid_"]{
        margin-left: 0 !important;
    }

    .omega{
        margin-left: 0px;
    }

    .alpha.omega{
        margin-right: 0;
        margin-left: 0;
    }

    #logo{
        float: none;
        margin: 0 auto 30px;
    }

    .top-shadow{
        background-size: 100%;
        float: left;
        z-index: 200; 
        width: 100%;
    }

    #nav-container #nav{
        display: none;
    }

    #nav-container{
        width: 100%;
    }

    #nav-container select{
        display: block;
        width: 240px;
        margin-top: 12px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 12px;
        height: 28px;
        background: #f6f6f6;
        border: 1px solid #ececec;
        color: #666;
        font: italic 12px Arial, sans-serif;    
    }

    .arrow-list li{
        background-position: 0 2px !important;
    }

    .breadcrumbs{
        display: none;
    }
    /* ENTRY NOTE
    ------------------------------------------------------------------------- */
    .entry-note p{
        padding: 0;
    }

    /* NOTE
    ------------------------------------------------------------------------- */
    .grid_12 .note-container .note-content .note{
        width: 100%;
    }
    
    .grid_12 .note-container .note-content .note-btn{
        position: relative;
        top: 0;
        margin: 20px 0 0;
        float: left;
        right: 0;
    }

    /* CLIENT CAROUSEL
    --------------------------------------------------------------------------*/
    .client-carousel .caroufredsel_wrapper{
        width: 240px !important;
        min-height: 70px !important;
    }
    #client-carousel li{
        width: 118px !important;
        min-height: 70px !important;
    }

    #client-carousel li img{
        width: 110px;
    }

    /* TABS HORISONTAL
    -------------------------------------------------------------------------- */
    .tabs li{
        width: 100%;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;

        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .tabs li.active{
        border-right: 1px solid #eee;
    }
    
    .tabs.vertical{
        margin-bottom: 20px;
    }

    /* TESTIMONIAL CAROUSEL
    ------------------------------------------------------------------------- */
    .grid_4.aside-right .carousel-testimonial .caroufredsel_wrapper, 
    .grid_4.aside-left .carousel-testimonial .caroufredsel_wrapper,
    .grid_4.aside-right .carousel-testimonial .carousel-li > li, .grid_4.aside-left .carousel-testimonial .carousel-li > li,
    .grid_3 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_3 .carousel-testimonial .carousel-li > li,
    .grid_4 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_4 .carousel-testimonial .carousel-li > li,
    .grid_5 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_5 .carousel-testimonial .carousel-li > li,
    .grid_6 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_6 .carousel-testimonial .carousel-li > li,
    .grid_7 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_7 .carousel-testimonial .carousel-li > li,
    .grid_8 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_8 .carousel-testimonial .carousel-li > li,
    .grid_9 .carousel-testimonial .caroufredsel_wrapper, 
    .grid_9 .carousel-testimonial .carousel-li > li,
    .grid_12 .carousel-testimonial .caroufredsel_wrapper,
    .grid_12 .carousel-testimonial .carousel-li > li{width: 240px; margin-right: 20px;}

    /* CAROUSEL ARTICLE FOOTER
    ------------------------------------------------------------------------- */
    .grid_3 .carousel-article .caroufredsel_wrapper,
    .grid_3 .carousel-article .carousel-li > li, 
    .grid_4 .carousel-article .caroufredsel_wrapper
    .grid_4 .carousel-article .carousel-li > li, 
    .grid_4.aside-left .carousel-article .carousel-li > li, 
    .grid_4.aside-right .carousel-article .carousel-li > li,
    .grid_5 .carousel-article .caroufredsel_wrapper,
    .grid_5 .carousel-article .carousel-li > li, 
    .grid_6 .carousel-article .caroufredsel_wrapper,
    .grid_6 .carousel-article .carousel-li > li, 
    .grid_7 .carousel-article .caroufredsel_wrapper,
    .grid_7 .carousel-article .carousel-li > li, 
    .grid_8 .carousel-article .caroufredsel_wrapper,
    .grid_8 .carousel-article .carousel-li > li,
    .grid_9 .carousel-article .caroufredsel_wrapper,
    .grid_9 .carousel-article .carousel-li > li, 
    .grid_12 .carousel-article .caroufredsel_wrapper,
    .grid_12 .carousel-article .carousel-li > li{
        width: 240px;
    }
    
    /* CAROUSEL ALTERNATIVE
    -------------------------------------------------------------------------- */
    .testimonials-alternative-nav li{
        width: 60px;
    }
    img.float-right
    {
        float:none;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 5px;
        margin-bottom: 20px;
        width: 250px;
    }
    #PCEO
    {
        overflow-x: hidden;
    }
    /* NIVO SLIDER
    --------------------------------------------------------------------------*/
    .nivoSlider.image-slider, 
    .nivoSlider.image-slider img{
        width: 100%;
    }
    
    .nivoSlider.image-slider .nivo-caption{
        display: none !important;
    }

    /* SERVICES
    ------------------------------------------------------------------------- */ 
    .grid_4 .service-box-1 .content, 
    .grid_3 .service-box-1 .content,
    .grid_5 .service-box-1 .content,
    .grid_6 .service-box-1 .content,
    .grid_7 .service-box-1 .content,
    .grid_8 .service-box-1 .content,
    .grid_9 .service-box-1 .content,
    .grid_12 .service-box-1 .content{width: 168px;}

    /* HOME PAGE RECENT POSTS WIDGET 
    ------------------------------------------------------------------------- */
    .latest-blog-posts .post-info, 
    .latest-blog-posts .post-info img{
        width: 100%;  
        margin-right: 0;
        margin-bottom: 10px;
    }
    .latest-blog-posts .post-info .comments{
        bottom: 12px;
    }
    .latest-blog-posts .post-body{
        width: 100%;
    }

    .latest-blog-posts .post-body .post-meta .title-date{
        width: 180px;
    }
    
    /* PAGES WITH SIDEBAR 
    ------------------------------------------------------------------------- */
    .aside-right, 
    .aside-left{
        width: 240px !important;
        padding: 0;
    }

    /* PORTFOLIO
    --------------------------------------------------------------------------*/
    .quicksand-filter-container span{
        text-align: center;
        width: 100%;
        margin-bottom: 5px;
    }
    
    .quicksand-filter-container #quicksand-filter{
        float: none;
        display: table;
        margin: 0 auto;
    }
    
    .portfolio img{
        width: 100%;
    }
    
    .carousel-portfolio .caroufredsel_wrapper{
        width: 240px !important;
        min-height: 237px !important;
    }

    .carousel-portfolio .carousel-li > li{
        width: 240px !important;
        min-height: 237px !important;
    }

    .grid_12.portfolio-style-1 .portfolio{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .grid_12.portfolio-style-1 .portfolio-info{
        width: 100%;
    }

    .portfolio-pagination .pager{
        width: 106px;
    }

    .grid_3.portfolio-style-1 .portfolio, 
    .grid_4.portfolio-style-1 .portfolio, 
    .grid_6.portfolio-style-1 .portfolio{
        width: 100%;
    }

    .gallery .grid_4.portfolio-style-gallery{
        width: 100% !important;
    }

    /* BLOG 
   --------------------------------------------------------------------------*/
    .post-body, .post-body-container{
        width: 270px;
    }

    .post-body .nivoSlider.blog-slider, 
    .post-body .nivoSlider.blog-slider img{
        width: 270px;
        height: auto;
        min-height: 134px;
    }

    .nivoSlider.blog-slider, 
    .nivoSlider.blog-slider img{
        width: 100%;
    }

    .post-author .info{
        width: 164px;
    }

    #respond .name-container input, #respond .email-container input{
        width: 200px;
    }
    
    .pager{
        width: 106px;
    }
    
    .share-post #shareme{
        width: 100%;
        margin-top: 10px;
    }
    
    .post-comments .children{
        margin-left: 0;
        padding: 0 0 0 10px;
    }
    
    .blog-meta{
        width: 100%;
        margin-bottom: 10px;
    }
    
    .blog-meta .category{
        float: left;
        margin-right: 20px;
    }
    
    .blog-meta > ul{
        float: left;
        width: 180px;
        text-align: left;
    }
    
    .blog-meta li{
        text-align: left;
    }

    /* CONTACT 
    ------------------------------------------------------------------------- */
    .wpcf7-text{
        width: 220px;
    }

    /* FOOTER
    ------------------------------------------------------------------------- */
    .container_12.copyright-container .grid_6.alpha,
    .container_12.copyright-container .grid_6.omega{
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px;
        width: 100% !important;
        text-align: center;
    }
    .textASS{
        font-size:14px;
 right: -10px;
        margin-top:-10px;
        width: 205px;
    }
    .nivoSlider.image-slider
    {
        margin-left: 10px;
    }
    #homepage1
    {
        margin-top: 15px;
        height: 60px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 320px){
    .co .list-aggregate li a { color: #ff0600; padding-right: 142px;font-size: 16px; }
    .co .list-aggregate li a:hover { color: #fff ; }
    .co .list-aggregate li p { color: #1d78cb; padding:0 10px;  padding-right: 142px; padding-bottom: 10px; padding-top: 10px;}
    .co{
        width: 241px;
        height: 283px;
        background: inherit;
        position: absolute;
        overflow: hidden;
        left:73%;
        margin-left: -175px;

    }
    .co:before{
        width: 280px;
        height: 383px;
        content: "";
        position: absolute;
        top: -25px;
        left: -25px;

        bottom: 0;
        right: 0;
    }
    #homepage1
    {
        margin-top: 60px;
    }

    .nivoSlider.image-slider
    {
        margin-left: 10px;
    }
#picsale1{
    width: 25%;
}
.panelsearch
{
    margin-right: 20px;
}
    ul#etalage{
        max-width: 240px;
        width: 200px;
        height: 350px;
        max-height: 340px;
        overflow: hidden;
    }

    ul#etalage img{
        max-height: 120px;
        height: 120px;
    }
    ul#etalage li.etalage_small_thumbs li {
        position: relative;
        margin-top: 20px;

        max-width: 70px;
        max-height: 40px;
        height: 40px;


    }
    ul#etalage li.etalage_small_thumbs li img {

        max-width: 70px;
        max-height: 40px;
        height: 40px;
    }
    ul#etalage li.etalage_magnifier{display: none;  }
    ul#etalage li.etalage_magnifier{display: none;  }
    ul#etalage .etalage_magnifier{ display: none; }
    ul#etalage .etalage_magnifier div{ display: none; }
    ul#etalage .etalage_magnifier div img{ display:none }
    /***************************************************/

    .col1{
        width: 50%;
        font-size: 11px;
    }
    .col2{
        width: 50%;
        font-size: 11px;
    }



    .portfolio-single
    {
        display: none;
    }
    #detimgnews{
        height: 180px;
    }
    #datenews
    {
        margin-left: 5px;
        margin-top: -10px;
    }
    #onvannews1
    {

        margin-top: 35px;
     width: 240px;
    }
    #onvannews1 h3
    {
        font-size: 13px;
        width: 240px;
        height:50px;
        max-height: 50px;
        overflow: hidden;
    }
    #onvannews1 .sumnews
    {
         width: 240px;
        margin-top: 95px;
        height:55px;
        text-align: justify;
        overflow: hidden;
    }
    #imgnews{
        margin-top: -210px;
        margin-left:40px;
        overflow: hidden;
        text-align: center;
    }
    .hidetbl
    {
    display: none;
    }
    #tblprice{
        direction: rtl;
        width: 30%;
        font-size: 10px;
        text-align: center;
        vertical-align: middle;
    }
    #titlehis{
        font-size: 16px;
    }
    #searchcity
    {
        height: 8px;
        padding-bottom: 11px;
        padding-top: 3px;
        margin-left: 30px;

    }
    .section-title.left h3{
        font-size: 10px;
    }

    #titrservice
    {
        text-align: center;
        font-size: 15px;
    }

    #imgASS{
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../img/banner/1111.jpg) no-repeat;
        height: 150px; /* Height of new image */
        padding-left: 240px; /* Equal to width of new image */
        background-size: 100% 100%;
    }

    #mainbannerwidth{
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../img/banner/mainbannerwidth.jpg) no-repeat;
        height: 150px; /* Height of new image */
        padding-left: 240px; /* Equal to width of new image */
        background-size: 100% 100%;
    }
    .textASS{
        font-size:16px;
        right: -15px;
        margin-top:-5px;
        width: 220px;
    }
    #btnhonor{
         margin-top: 10px;
    }
    .testimonials-alternative-nav li {
        margin-right: 2px;
        margin-bottom: 10px;
    }
    .footer-breadcrumbs
    {
        display: none;
    }
    .lastnews_box{
        height: 100%;
    }
    #content-wrapper{
        width: 280px;

    }

    #header{
        width: 240px;
    }

    img{
        max-width: 100%;
        height: auto;
    }
    iframe{
        max-width: 100%;
        height: auto;
    }
    #search-box{
        display: none;
    }


    #nav-container #nav{
        display: none;
    }
    #nav-container{
        width: 100%;
    }
    #nav-container select{
        display: block;
        width: 380px;
        margin-top: 12px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 12px;
        height: 28px;
        background: #f6f6f6;
        border: 1px solid #ececec;
        color: #666;
        font: italic 12px Arial, sans-serif;
    }

    /* GRIDS */
    .container_12{
        width: 260px !important;
    }

    #contact-info-container{
        float: left;
        width: 100%;
    }

    #contact-info-container .info{
        float: none;
        margin: 0 auto 5px;
        display: table;
    }

    #contact-info-container .social-links{
        float: none;
        display: table;
        margin: 0 auto;
        width: auto;
    }

    #logo{
        float: none;
        margin: 0 auto 30px;
    }

    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        width: 240px !important;
    }

    .container_12 [class*="grid_"] [class*="grid_"]{
        margin-left: 0 !important;
    }

    .omega{
        margin-left: 0px;
    }

    .alpha.omega{
        margin-right: 0;
        margin-left: 0;
    }

    #logo{
        float: none;
        margin: 0 auto 30px;
    }

    .top-shadow{
        background-size: 100%;
        float: left;
        z-index: 200;
        width: 100%;
    }

    #nav-container #nav{
        display: none;
    }

    #nav-container{
        width: 100%;
    }

    #nav-container select{
        display: block;
        width: 240px;
        margin-top: 12px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 12px;
        height: 28px;
        background: #f6f6f6;
        border: 1px solid #ececec;
        color: #666;
        font: italic 12px Arial, sans-serif;
    }

    .arrow-list li{
        background-position: 0 2px !important;
    }

    .breadcrumbs{
        display: none;
    }
    /* ENTRY NOTE
    ------------------------------------------------------------------------- */
    .entry-note p{
        padding: 0;
    }

    /* NOTE
    ------------------------------------------------------------------------- */
    .grid_12 .note-container .note-content .note{
        width: 100%;
    }

    .grid_12 .note-container .note-content .note-btn{
        position: relative;
        top: 0;
        margin: 20px 0 0;
        float: left;
        right: 0;
    }

    /* CLIENT CAROUSEL
    --------------------------------------------------------------------------*/
    .client-carousel .caroufredsel_wrapper{
        width: 240px !important;
        min-height: 70px !important;
    }
    #client-carousel li{
        width: 118px !important;
        min-height: 70px !important;
    }

    #client-carousel li img{
        width: 110px;
    }

    /* TABS HORISONTAL
    -------------------------------------------------------------------------- */
    .tabs li{
        width: 100%;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;

        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .tabs li.active{
        border-right: 1px solid #eee;
    }

    .tabs.vertical{
        margin-bottom: 20px;
    }

    /* TESTIMONIAL CAROUSEL
    ------------------------------------------------------------------------- */
    .grid_4.aside-right .carousel-testimonial .caroufredsel_wrapper,
    .grid_4.aside-left .carousel-testimonial .caroufredsel_wrapper,
    .grid_4.aside-right .carousel-testimonial .carousel-li > li, .grid_4.aside-left .carousel-testimonial .carousel-li > li,
    .grid_3 .carousel-testimonial .caroufredsel_wrapper,
    .grid_3 .carousel-testimonial .carousel-li > li,
    .grid_4 .carousel-testimonial .caroufredsel_wrapper,
    .grid_4 .carousel-testimonial .carousel-li > li,
    .grid_5 .carousel-testimonial .caroufredsel_wrapper,
    .grid_5 .carousel-testimonial .carousel-li > li,
    .grid_6 .carousel-testimonial .caroufredsel_wrapper,
    .grid_6 .carousel-testimonial .carousel-li > li,
    .grid_7 .carousel-testimonial .caroufredsel_wrapper,
    .grid_7 .carousel-testimonial .carousel-li > li,
    .grid_8 .carousel-testimonial .caroufredsel_wrapper,
    .grid_8 .carousel-testimonial .carousel-li > li,
    .grid_9 .carousel-testimonial .caroufredsel_wrapper,
    .grid_9 .carousel-testimonial .carousel-li > li,
    .grid_12 .carousel-testimonial .caroufredsel_wrapper,
    .grid_12 .carousel-testimonial .carousel-li > li{width: 240px; margin-right: 20px;}

    /* CAROUSEL ARTICLE FOOTER
    ------------------------------------------------------------------------- */
    .grid_3 .carousel-article .caroufredsel_wrapper,
    .grid_3 .carousel-article .carousel-li > li,
    .grid_4 .carousel-article .caroufredsel_wrapper
    .grid_4 .carousel-article .carousel-li > li,
    .grid_4.aside-left .carousel-article .carousel-li > li,
    .grid_4.aside-right .carousel-article .carousel-li > li,
    .grid_5 .carousel-article .caroufredsel_wrapper,
    .grid_5 .carousel-article .carousel-li > li,
    .grid_6 .carousel-article .caroufredsel_wrapper,
    .grid_6 .carousel-article .carousel-li > li,
    .grid_7 .carousel-article .caroufredsel_wrapper,
    .grid_7 .carousel-article .carousel-li > li,
    .grid_8 .carousel-article .caroufredsel_wrapper,
    .grid_8 .carousel-article .carousel-li > li,
    .grid_9 .carousel-article .caroufredsel_wrapper,
    .grid_9 .carousel-article .carousel-li > li,
    .grid_12 .carousel-article .caroufredsel_wrapper,
    .grid_12 .carousel-article .carousel-li > li{
        width: 240px;
    }

    /* CAROUSEL ALTERNATIVE
    -------------------------------------------------------------------------- */
    .testimonials-alternative-nav li{
        width: 65px;
    }

    /* NIVO SLIDER
    --------------------------------------------------------------------------*/
    .nivoSlider.image-slider,
    .nivoSlider.image-slider img{
        width: 100%;
    }

    .nivoSlider.image-slider .nivo-caption{
        display: none !important;
    }

    /* SERVICES
    ------------------------------------------------------------------------- */
    .grid_4 .service-box-1 .content,
    .grid_3 .service-box-1 .content,
    .grid_5 .service-box-1 .content,
    .grid_6 .service-box-1 .content,
    .grid_7 .service-box-1 .content,
    .grid_8 .service-box-1 .content,
    .grid_9 .service-box-1 .content,
    .grid_12 .service-box-1 .content{width: 168px;}

    /* HOME PAGE RECENT POSTS WIDGET
    ------------------------------------------------------------------------- */
    .latest-blog-posts .post-info,
    .latest-blog-posts .post-info img{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .latest-blog-posts .post-info .comments{
        bottom: 12px;
    }
    .latest-blog-posts .post-body{
        width: 100%;
    }

    .latest-blog-posts .post-body .post-meta .title-date{
        width: 180px;
    }

    /* PAGES WITH SIDEBAR
    ------------------------------------------------------------------------- */
    .aside-right,
    .aside-left{
        width: 240px !important;
        padding: 0;
    }

    /* PORTFOLIO
    --------------------------------------------------------------------------*/
    .quicksand-filter-container span{
        text-align: center;
        width: 100%;
        margin-bottom: 5px;
    }

    .quicksand-filter-container #quicksand-filter{
        float: none;
        display: table;
        margin: 0 auto;
    }

    .portfolio img{
        width: 100%;
    }

    .carousel-portfolio .caroufredsel_wrapper{
        width: 240px !important;
        min-height: 237px !important;
    }

    .carousel-portfolio .carousel-li > li{
        width: 240px !important;
        min-height: 237px !important;
    }

    .grid_12.portfolio-style-1 .portfolio{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .grid_12.portfolio-style-1 .portfolio-info{
        width: 100%;
    }

    .portfolio-pagination .pager{
        width: 106px;
    }

    .grid_3.portfolio-style-1 .portfolio,
    .grid_4.portfolio-style-1 .portfolio,
    .grid_6.portfolio-style-1 .portfolio{
        width: 100%;
    }

    .gallery .grid_4.portfolio-style-gallery{
        width: 100% !important;
    }

    img.float-right
    {
        float:none;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 5px;
        margin-bottom: 20px;
        width: 250px;
    }
    #PCEO
    {
        overflow-x: hidden;
    }
    /* BLOG
   --------------------------------------------------------------------------*/
    .post-body, .post-body-container{
        width: 270px;
    }

    .post-body .nivoSlider.blog-slider,
    .post-body .nivoSlider.blog-slider img{
        width: 270px;
        height: auto;
        min-height: 134px;
    }

    .nivoSlider.blog-slider,
    .nivoSlider.blog-slider img{
        width: 100%;
    }

    .post-author .info{
        width: 164px;
    }

    #respond .name-container input, #respond .email-container input{
        width: 200px;
    }

    .pager{
        width: 106px;
    }

    .share-post #shareme{
        width: 100%;
        margin-top: 10px;
    }

    .post-comments .children{
        margin-left: 0;
        padding: 0 0 0 10px;
    }

    .blog-meta{
        width: 100%;
        margin-bottom: 10px;
    }

    .blog-meta .category{
        float: left;
        margin-right: 20px;
    }

    .blog-meta > ul{
        float: left;
        width: 180px;
        text-align: left;
    }

    .blog-meta li{
        text-align: left;
    }

    /* CONTACT
    ------------------------------------------------------------------------- */
    .wpcf7-text{
        width: 220px;
    }

    /* FOOTER
    ------------------------------------------------------------------------- */
    .container_12.copyright-container .grid_6.alpha,
    .container_12.copyright-container .grid_6.omega{
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 10px;
        width: 100% !important;
        text-align: center;
    }

}