@media screen and  (min-width:240px) and  (max-width:449px) {

    .header_fixed{
        background-size:100%;
    }

    .wrapper{
        width:auto;
    }
    .header_top{
        height:auto;
    }
    header .wrapper{
        height:auto;
        padding-top:1px;
    }
    #logo{
        float:none;
        margin-left:10px;
    }
    #topcontact{
        float:none;
        height:auto;
    }
    #topcontact ul{
        margin-left:10px;
    }
    #topcontact ul li{
        float:none;
        padding-right:0px;
        font-size:12px;
    }
    #topcontact ul li:first-of-type{
        margin-bottom:17px;
        padding-right:0px;
    }
    #topcontact ul li:before{
        top:-4px;
    }
    #lang{
        margin-right:0px;
    }
    #main_menu{
        display:none;
    }
    #cssmenu{
        display:block !important;
        position:relative;
        z-index:100;
    }
    #cssmenu ul{
        position:absolute;
        background-color:#333333;
    }


    #welcome{
        padding:20px 10px;
        background:none;
        height:auto;
    }
    #welcome .wrapper{
        width:100%!important;
        padding:0px;
    }
    #welcome .wrapper .moduletable h3{
        font-size:20px;
        padding-top:10px;
    }
    #welcome .wrapper .moduletable .custom{
        font-size:17px;
        width:100%;
        padding:0px 0px 30px 0px;
    }
    #welcome .wrapper .moduletable .custom ul li:before{
        top:5px;
    }
    #better_quality{
        height:auto;
        padding:20px 10px;
    }
    #better_quality .wrapper h3{
        line-height:1.2;
        margin-top:0px;
        font-size:20px;
    }
    #better_quality .wrapper .custom{
        line-height:1.2;
        margin-top:13px;
        font-size:12px;
    }
    #latest_news,
    #portfolio{
        padding:20px 10px;
    }
    #latest_news .wrapper h3,
    #portfolio .wrapper h3{
        line-height:1.2;
        font-size:28px;
    }
    #portfolio .wrapper .content .owl-item{
        margin-left:0px;
        float:none;
	margin-bottom:0px;
    }
    #latest_news .wrapper .content .owl-item .item,
    #portfolio .wrapper .content .owl-item .item{
        width:auto;
        height:309px;
    }
    #latest_news .wrapper .content .owl-item .item .image,
    #portfolio .wrapper .content .owl-item .item .image{
        height:200px;
    }
    #latest_news .wrapper .content .owl-controls .owl-pagination,
    #portfolio .wrapper .content .owl-controls .owl-pagination{
        display:none;
    }
    #latest_works{
        padding:20px 10px;
    }
    #latest_works h3{
        line-height:1.2;
        font-size:20px;
    }
    footer .wrapper{
        height:auto;
        padding:20px 10px;
    }
    #copyright,
    #design{
        float:none;
        margin-top:0px;
        text-align:center;
        font-size:12px;
    }
    #copyright{
        margin-bottom:5px;
    }


    #for_mobile{
        opacity:1;
    }

    #logo .image a img{
        margin:0 auto;

    }
    #logo .image{
        float:none;
    }  



    #sections .custom ul li,#sections{
        position:relative;
        left:0!important;
        top:0; 
        width:100%;
        padding-top:0;
        padding-bottom:0;
    }

    #sections .custom ul li p{
        padding-left:45%;
    }   


    #sections .custom ul li:after{
        display:none;
    } 

    .item-page{
        width:98%;
        margin:0 auto;
    }  


    .contact{
        width:94%;
        margin:16px auto;
    }    

    .contact .form{
        width:100%;
    } 

    #content_box .contact .form .left_side {
        width:100%;
        height:250px;
        float:none; 

    }   

    #content_box .contact .form .right_side {
        position:relative;
        width:100%;
        float:left;
        padding-top:47px;
    }

    .contact-form{
        width:100%;
        padding:0!important;
    }   


    #content_box .contact .form .right_side .contact-form form fieldset .control-group{
        width:100%!important;
        float:left!important;

    }  


    #content_box .contact .form .right_side .contact-form{
        width:100%; 
    }  

    #content_box .contact .form{
        height:auto;
    }  


    #content_box .contact .address{
        width:100%;
        display:inline-block;
    } 

    #welcome .wrapper .moduletable .custom{
        height:100%;
        padding-bottom:0;
    }  

    #welcome{
        height:auto!important;
    } 


    #latest_news{
        height:auto;
    }
    #sections .custom ul li {
        font-size:17px;
    }
    #partners .wrapper h3, #portfolio .wrapper h2 {
    	font-size:28px;
    }
    #portfolio .wrapper .content .owl-item .item .image {
            height:272px;
    }


    
    
    
    
    
    #welcome{
        padding:0px;
    }
    #welcome .wrapper{
        padding:20px 10px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    #services{
        position:relative;
        height:auto;
        padding-top:2px;
    }
    #services .custom ul li{
        position:relative;
        width:100%;
        height:60px;
        left:auto !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        font-size:16px;
    }
    #services .custom ul li:before{
        font-size:40px;
        transition-delay:0s !important;
    }
    #services .custom ul li:after{
        display:none;
    }
    #services .custom ul li p{
        transition-delay:0s !important;
    }
    #services .custom ul li p:before{
        height:60px;
        margin-top:-30px;
        transition-delay:0s !important;
    }
    #services .custom ul li:nth-of-type(2) p:before,
    #services .custom ul li:nth-of-type(4) p:before,
    #services .custom ul li:nth-of-type(5) p:before,
    #services .custom ul li:nth-of-type(7) p:before{
        top:50%;
        bottom:auto;
        margin-top:-30px;
        margin-bottom:0px;
    }
    
    #partners{
        height:235px;
    }
    #partners .wrapper h3{
        margin-top:0px;
        margin-bottom:9px;
    }
    #clients{
        height:270px;
    }
    #clients .wrapper h3{
        margin-top: 11px;
        margin-bottom:10px;
        font-size:28px;
    }
    
    #slideshow_wrap{
        display:none;
    }
    
    #slideshow{
            position: relative;
    }
    
    #slideshow img{
        width:100%;
    }
    
    
    
    
    
}

@media screen and  (min-width:450px) and  (max-width:760px) {
    .header_fixed{
        background-size:100%;
    }

    .wrapper{
        width:auto;
    }
    .header_top{
        height:auto;
    }
    header .wrapper{
        height:auto;
        padding-top:1px;
    }
    #logo{
        float:none;
        margin-left:10px;
    }
    #topcontact{
        float:none;
        height:auto;
    }
    #topcontact ul{
        margin-left:10px;
    }
    #topcontact ul li{
        float:none;
        padding-right:0px;
        font-size:12px;
    }
    #topcontact ul li:first-of-type{
        margin-bottom:17px;
        padding-right:0px;
    }
    #topcontact ul li:before{
        top:-4px;
    }
    #lang{
        margin-right:0px;
    }
    #main_menu{
        display:none;
    }
    #cssmenu{
        display:block !important;
        position:relative;
        z-index:100;
    }
    #cssmenu ul{
        position:absolute;
        background-color:#333333;
    }


    #welcome{
        padding:20px 10px;
        background:none;
        height:auto;
    }
    #welcome .wrapper{
        width:auto;
        padding:0px;
    }
    #welcome .wrapper .moduletable h3{
        font-size:20px;
        padding-top:10px;
    }
    #welcome .wrapper .moduletable .custom{
        font-size:17px;
        width:100%;
        padding:0px 0px 30px 0px;
    }
    #welcome .wrapper .moduletable .custom ul li:before{
        top:5px;
    }
    #better_quality{
        height:auto;
        padding:20px 10px;
    }
    #better_quality .wrapper h3{
        line-height:1.2;
        margin-top:0px;
        font-size:20px;
    }
    #better_quality .wrapper .custom{
        line-height:1.2;
        margin-top:13px;
        font-size:12px;
    }
    #latest_news,
    #portfolio{

        padding:20px 10px;
    }
    #latest_news .wrapper h3,
    #portfolio .wrapper h3{
        line-height:1.2;
        font-size:20px;
    }
    #portfolio .wrapper .content .owl-item{
        margin-left:0px;
        float:none;
	margin-bottom:0px;
    }
    #latest_news .wrapper .content .owl-item .item,
    #portfolio .wrapper .content .owl-item .item{
        width:auto;
        height:309px;
    }
    #latest_news .wrapper .content .owl-item .item .image,
    #portfolio .wrapper .content .owl-item .item .image{
        height:200px;
    }
    #latest_news .wrapper .content .owl-controls .owl-pagination,
    #portfolio .wrapper .content .owl-controls .owl-pagination{
        display:none;
    }
    #latest_works{
        padding:20px 10px;
    }
    #latest_works h3{
        line-height:1.2;
        font-size:20px;
    }
    footer .wrapper{
        height:auto;
        padding:20px 10px;
    }
    #copyright,
    #design{
        float:none;
        margin-top:0px;
        text-align:center;
        font-size:12px;
    }
    #copyright{
        margin-bottom:5px;
    }


    #for_mobile{
        opacity:1;
    }

    #logo .image a img{
        margin:0 auto;

    }
    #logo .image{
        float:none;
    }  



    #sections .custom ul li,#sections{
        position:relative;
        left:0!important;
        top:0; 
        width:100%;
        padding-top:0;
        padding-bottom:0;
    }

    #sections .custom ul li p{
        padding-left:45%;
    }   


    #sections .custom ul li:after{
        display:none;
    } 

    .item-page{
        width:98%;
        margin:0 auto;
    }  


    .contact{
        width:94%;
        margin:16px auto;
    }    

    .contact .form{
        width:100%;
    } 

    #content_box .contact .form .left_side {
        width:100%;
        height:250px;
        float:none; 

    }   

    #content_box .contact .form .right_side {
        position:relative;
        width:100%;
        float:left;
        padding-top:47px;
    }

    .contact-form{
        width:100%;
        padding:0!important;
    }   


    #content_box .contact .form .right_side .contact-form form fieldset .control-group{
        width:100%!important;
        float:left!important;

    }  


    #content_box .contact .form .right_side .contact-form{
        width:100%; 
    }  

    #content_box .contact .form{
        height:auto;
    }  


    #content_box .contact .address{
        width:100%;
        display:inline-block;
    } 

    #welcome .wrapper .moduletable .custom{
        height:100%;
    }  

    #welcome{
        height:auto!important;
    } 


    #latest_news{
        height:auto;
    }
    #portfolio .wrapper .content .owl-item .item .image {
		height:272px;
	}
	#portfolio .wrapper .content .owl-item .item .image img.by_width {
		width:343px;
	}
	
    #slideshow_wrap{
        display:none;
    }
    
    #slideshow{
            position: relative;
    }
    
    #slideshow img{
        width:100%;
    }
    

}

@media screen and  (min-width:761px) and  (max-width:1024px){
    .header_fixed{
        background-size:100%;
    }
    #logo .image a img{
        width:85%;
    }

    .wrapper{
        width:100%;
    }

    .topcontact{
        width:80%;
    }

    #topcontact ul li:first-of-type,#topcontact ul li:nth-of-type(2){
        padding-right:35px;
        font-size:14px;
    }

    #lang {
        margin-right:13px;
        margin-top:5px;
    }


    #main_menu {
        margin-right:15px;
        margin-top:10px;
    }

    #main_menu a{
        font-size:15px;
    }


    #welcome .wrapper .moduletable .custom{
        width:100%;
        height:auto;
    }

    body.page_101 #welcome{
        height:auto!important;
    }

    #welcome .wrapper{
        width:100%!important;
    }



    #welcome .wrapper .moduletable .custom{
        width:80%;
        height:auto;
        margin:0px auto;
        margin-bottom:167px;
    }

    #sections .custom ul li p{
        padding-left:52%;
        font-size:15px;
    }


    #latest_news{
        height:auto;
    }


    #sections .custom ul li:nth-of-type(1):after,
    #sections .custom ul li:nth-of-type(3):after,
    #sections .custom ul li:nth-of-type(5):after{
        background:none;
    }

    .item-page{
        margin:20px;
    }
    #content_box .contact .form .right_side .contact-form{
        width:60%;
    }
}