.mobilBtn {
    width: 43px;
    height: 24px;
    position: absolute;
    top: -55px;
    right: 17px;
    display: none;
}
.mobilBtn .line {
    display: block;
    background: #27ae61;
    width: 41px;
    height: 3px;
    position: absolute;
    left: 0;
    border-radius: 4px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
.mobilBtn .line.line-1 {
  top: 0;
}
.mobilBtn .line.line-2 {
  top: 50%;
}
.mobilBtn .line.line-3 {
  top: 100%;
}
.mobilBtn.active .line-1 {
  transform: translateY(19px) translateX(0) rotate(45deg);
  -webkit-transform: translateY(19px) translateX(0) rotate(45deg);
  -moz-transform: translateY(19px) translateX(0) rotate(45deg);
}
.mobilBtn.active .line-2 {
  opacity: 0;
}
.mobilBtn.active .line-3 {
  transform:translateY(-6px) translateX(0) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
}

@media screen and (max-width:1200px) {
    .ulReference li img{width:90%;}
    .responsiveMenu{max-width:100%; width:100%!important;padding:0;}
    .topmenu li a{font-size:13px;}
    h1.logo{padding-left:20px;}
    .CardLeft.fixed {max-width: 210px;} 
}
@media screen and (max-width:1100px) {
    .topmenu li a{padding:0 6px;}
	a.wp-fix{display:none;}
}
@media screen and (max-width:1000px) {
	li.searchLi {
    display: none;
}
    .exchange{        
     margin: 0 auto;
     display: table;
     float: none;
    }
    .exchange i {
        color: #27ae61;
        position: relative;
    }    
    .form-box .div50, .form-box .div50 .select2-container {
        width: 100%!important;
    }   
    .content-tab{width: calc(50% - 13px)}
    .slider{
        height:auto;
    }
    #owl-main.owl-carousel .item img{min-height:450px;}
    .ulReference li {
        width: calc(50% - 10px);
    }
    .ulReference li img{width:auto;}
        h1 .logo{margin-left: 15px;}
    .mobilBtn{display:block;}
    .topmenu{display:none;}
    .topmenu li:hover:before{
        height:0;
        border:0;
    }
    ul.topmenu, ul.submenu {
        width: 100%;
    }
    .topmenu li a:hover,ul.submenu li a:hover,.topmenu li:hover > .drop-menu:after {
        color: #fff;
    }
.topmenu li {
    width: 100%;
    border-bottom: 1px solid #dedede;
}
.topmenu li:last-child{border:none;}

.menu {
    width: 100%;
    line-height: normal;
    background: #27ae61;
    margin-top: 2px;
     position: absolute;
    top: 81px;
    z-index: 10;
}

.topmenu li a {
    width: 100%;
    color: #eaeaea;
    padding: 11px 6px;
}

ul.submenu {
    position: relative;
    top: 0;
    padding: 0;
}
ul.submenu li {
    padding: 0;
    line-height: normal;
    border: none;
    padding-left: 10px;
}
ul.submenu li a{
    padding: 11px 6px;
}
    .responsive {
        max-width: 100%;
        width: 100% !important;
        padding: 0;
    }

    .container.responsive {
        padding: 0 40px;
    }
    
}
@media screen and (max-width:900px) {
    .aboutRightDetail{
        padding: 25px 30px;
    }
}
@media screen and (max-width:768px){
    ul.fileList li span, ul.fileList li a{width: 100%!important;}
    .info-item{ width: calc(100% - 50px);}

    .aboutRightDetail,.contactRight {
        position: relative;
        transform: none;
        margin-top:25px; 
        top:unset;
    }
    .aboutLeftDetail img,.contactLeft img{
width: 100%;
    }
    .userLogin {
    background: url(../images/icon/user-login-gray.png) no-repeat;
    background-position:left;
    }
    .social {
        text-align: center;
        margin-top: 5px;
    }
    /*.select2-container{
        margin-bottom:15px;
    }*/
    .searchBorder{border:none;margin-top:20px;}
    .search{top:40%;transform:translate(-50%,-40%);-moz-transform:translate(-50%,-40%);-o-transform:translate(-50%,-40%);-webkit-transform:translate(-50%,-40%);}
    .search h2{font-size:22px;}
    .search h4{font-size:15px;}
    .aboutLeft, .aboutRight {
        width: 100%;
    }

.bgcolor {
    max-height: unset;
}
.aboutRight img{
    height:auto;
}
#owl-about{
    padding-bottom:75px;
}
#owl-about.owl-theme .owl-nav {
    right: 15px;
    top: 100px;
}
.referenceArea,.referenceBox{padding:0;}
.homeBlog{margin-bottom:10px;}
span.head span.colorfol {
    width: 100%;
    float: left;
}
 .CardLeft .button {width: 100%;margin-bottom: 50px;}
}
@media screen and (max-width:600px) {
	
}
@media screen and (max-width:550px) {
    .div100.warning::after{
        top:15px;
        left: 50%;
        transform: translateX(-50%);
    }
    .div100.warning p{
        padding-left: 0;
        padding-top: 65px;
    }
	.accordion-box {
    padding: 47px 13px;
}
a.head .title{   
	font-size: 18px;
    line-height: 29px;
 }
	h1.logo {
    width: 174px;
    line-height: 83px;
}
h1.logo a img{
	width:100%;
	height:auto;
}
    .footerRight {
        padding: 38px 20px 0 ;
    }
        ul.helpful.div50{width:100%;}
        .footer-top ul {
        margin: 0;
    }
        footer .link h4{margin:15px 0;}
        span.select2.select2-container.select2-container--default {
            width: 100% !important;
        }
        .contact-forms{
            padding:48px 25px;
        }
    .ulReference li {
    width: calc(100% - 10px);
}
.copyright {
    margin: 15px 0 0 8px;
    font-size: 14px;
}
section.referenceDetail .ulReference li{
    width:calc(50% - 5px);
}
}