@media screen and (max-width: 1199px) {
.top-menu ul li{margin:0;}
.top-menu ul li a{padding:5px 5px; font-size:15px;}

.banner-home h1{font-size:70px;}
.banner-home h3{font-size:24px;}

.subscribeblog-nav li{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width:20%;}
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px){
.groth-block2 h4, .groth-block2 h6, .groth-block2 p{padding:0px 15px;}
}

@media screen and (max-width: 991px) {	
.wrapper{left:0; position:relative;}
.hidden-menu{overflow:hidden;}
.hidden-menu .wrapper{left:270px;}

.btn-topmenu{color:#000 !important; font-size:16px; float:left; padding:0; width:30px; height:40px; position:relative; margin-right:15px;}
.btn-topmenu .menu-bar{height:2px; width:15px; display:block; background:#000; position:absolute; left:0; top:50%;}
.btn-topmenu .menu-bar:after, .btn-topmenu .menu-bar:before{position:absolute;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.btn-topmenu .menu-bar:after{content:''; width:26px; height:2px; display:block; background:#000; bottom:8px;}
.btn-topmenu .menu-bar:before{content:''; width:26px; height:2px; display:block; background:#000; top:8px;}
.btn-topmenu:focus, .btn-topmenu.focus{outline:0; box-shadow:none;}
.btn-topmenu.on .menu-bar{background-color:transparent;}
.btn-topmenu.on .menu-bar:after{
transform: rotate(45deg) translate(5px, 5px);
-webkit-transform: rotate(45deg) translate(5px, 5px);
}
.btn-topmenu.on .menu-bar:before{
transform: rotate(-45deg) translate(6px, -6px);
-webkit-transform: rotate(-45deg) translate(6px, -6px);
}


.menu-logo{text-align:center; padding:30px 15px;}
.menu-logo h1{font-size:20px; margin:0; padding:0;}
.menu-logo h1 a{color:#fff;}
.top-menu, .wrapper{
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.top-menu{position:fixed; top:0; left:-270px; z-index:9992; width:270px; height:100%; background:#2e2e2e; overflow-y:scroll;}
.top-menu.open{left:0; box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{border-top:solid 1px #3c3c3c;}
.top-menu ul li a{padding:10px 20px; display:block; font-size:16px; color:#a3a3a3;}
.top-menu ul li a:hover, .top-menu ul li.current-menu-item a{color:#fff;}
.top-menu ul ul{padding-bottom:10px; display:none;}
.top-menu ul ul li{border:none;}
.top-menu ul ul li a{padding:4px 20px 4px 30px;}


.top-menu ul li.dropdown .arrow{position:absolute; z-index:8; top:0; right:0; width:40px; height:44px; line-height:40px; text-align:center; color:#a3a3a3; font-size:18px; cursor:pointer;}
.top-menu ul ul li.dropdown .arrow{height:43px; line-height:38px;}
.top-menu ul li.dropdown .arrow:after{font-family:'FontAwesome'; content:"\f107";}
.top-menu ul li.dropdown.open > .arrow:after{content:"\f106";}
.top-menu ul li.dropdown > a{padding-right:40px;}
.top-menu ul li.dropdown.open > ul{display:block;}

.banner-home h1{font-size:54px;}
.banner-home h3{font-size:20px;}

.banner-in{height:300px;}
.banner-in .con{height:240px;}

.groth-block{margin-bottom:50px;}
.groth-block2{margin-bottom:50px;}

.why-win-tx{margin-top:25px;}


.subscribeblog-nav li{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width:25%;}

.website-sec2:before{width:100%;}
.website-sec2 .con{max-width:100%; padding:0;}

.footer{padding:30px 0 80px;}
.footer-menu{}
.footer-menu ul li{margin:0 15px 0 0;}
#back-top{display:none !important;}
}



@media screen and (max-width: 767px) {
.header{position:static !important; padding:15px 0;}

.banner-home h1{font-size:40px;}
.banner-home h3{font-size:16px;}

.banner-in{height:200px;}
.banner-in .con{height:160px; background:rgba(0,70,128,0.8);}
.banner-in h1{font-size:24px;}
.banner-in h2{font-size:18px;}

.banner-contact:before{display:none;}
.banner-in.banner-contact .con{height:auto; margin-bottom:30px;}
.contactform{background:rgba(0, 0, 0, 0.5); padding:36px;}

.bmbox .con{padding:30px;}
/*.groth-block2 img{width:100%}*/
.client-banner .caption p{font-size:12px;}


.clients-logo-div {padding-top: 30px;}

.client-logo-mb {margin-bottom: 40px;margin-top: 20px;}

.subscribeblog-nav-wrap:before{display:none;}
.subscribeblog-nav{display:block;}
.subscribeblog-nav li{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
.subscribeblog-nav li br{display:none;}
}

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

@media screen and (max-width:575px){
.logo .custom-logo-link{width:140px; display:inline-block; margin-top:10px;}


.banner-home h1{font-size:34px; margin-bottom:10px;}
.banner-home h3{font-size:13px;}

.banner-in h1{font-size:20px; line-height:1.2;}
.banner-in h2{font-size:16px; line-height:1.2;}

.site-content{padding-top:40px; padding-bottom:40px;}

.bmbox .con{max-width:100%;}
.footer .media{display:block; text-align:center; font-size:16px;}
.footer .media .thumb{margin:0 0 15px;}
.footer-menu{text-align:center;}
.footer-menu ul il{margin:5px;}
}

@media screen and (max-width: 479px) {
.logo{padding-right:5px;}
.logo .custom-logo-link{width:100px;}
.header-right{padding-left:0; padding-right:5px;}
.header-right .btn{padding:5px;}
.header-right .btnsgn{font-size:12px;}
.btn-topmenu{margin-right:10px;}

.banner-home h1{font-size:22px;}
.banner-home h3{font-size:12px; font-weight:400;}

.banner-in .con{max-width:260px; padding:20px;}

.whywinby-list .item .thumb{width:100px; padding:0 15px;}
.testimonials-carousel .item{font-size:18px;}
}