@media only screen and (min-width: 1367px) and (max-width: 4500px)  {
    .happy-customers {margin-top: 5rem;}
    .happy-customers_r {padding-right: 10rem; padding-top: 3rem; padding-bottom: 3rem;}
    .happy-customers-bg .container {width: 100%;}
    }
    @media screen and (max-width: 1366px) {
    .font-size-60 {font-size: 50px;}
    .font-size-45 {font-size: 35px;}
    .header-top .logo-header img {max-width: 130px;}
    .happy-customers_r {padding-right: 0rem; padding-top: 1.5rem; padding-bottom: 3.5rem;}
    .happy-customers::before {width: 5%;}
    .happy-customers {margin-top: 5rem;}
    }

    @media screen and (max-width: 1199px) {
    .bannertop::before {width: 53%;}
    .home-banner {padding-top: 8rem; padding-bottom: 8rem;}
    }
    
    
    
    @media screen and (max-width: 991px) {
    .font-size-45 {font-size: 35px;}	
    .font-size-40 {font-size: 26px;}
    .font-size-36 {font-size: 24px;}
    .font-size-34 {font-size: 26px;}
    .font-size-24 {font-size: 20px;}	
    .font-size-26 {font-size: 22px;}
    .font-size-22 {font-size: 20px;}
    .font-size-20 {font-size: 18px;}
    .font-size-18 {font-size: 16px;}
    .font-size-15 {font-size: 14px;}
    .homepad {padding-top: 3.5rem; padding-bottom: 3.5rem;}
    .happyclients img {max-width: 50px;}
    .footer-logo img {max-width: 200px;}
    .search-box {margin-top: 2rem; margin-bottom: 1rem;}
    .bannertop::before {width: 65%;}
    .happy-customers-img {padding-bottom: 0rem;}
    .happy-customers_r {padding-right: 0rem; padding-top: 1.5rem; padding-bottom: 4rem;}
    .happy-customers {margin-top: 5.2rem;}
    footer.footer-bg {padding: 3.5rem 0 2.5rem;}
    .btn-buttons {min-width: 100px;}
    header.header-top .logo-header {padding: 6px 10px 8px !important;}
    }
    
    /*-------------Menu Design Start--------------*/
    @media screen and (max-width: 991px) {
    .header-top .navbar .navbar-collapse {position: absolute; left: 0; right: 0; top: 64px; background: #14161a; width: auto; margin-left: auto; margin-right: auto; z-index: -1; padding-top: 0;}
    .header-top .nav-menu {margin-left: 0; position: absolute; top: 68px; right: 11px; left: 11px; background: #000; z-index: 1; padding: 0px; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
    .header-top ul.navbar-nav li.nav-item.dropdown > a::after{border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); float: right; margin-left: 0; margin-top: 5px;}
    .header-top ul.navbar-nav li.nav-item.show .dropdown-menu.submenu {background: #1c6dc4; margin-top: 0; border-bottom: 1px solid rgba(193, 193, 193, 0.3) !important; padding-top: 0;}
    .header-top ul.navbar-nav > li.show > a {border: none; background: #1c6dc4;}
    .header-top ul.navbar-nav .dropdown-menu.submenu ul.list-unstyled li.nav-item a {color: #fff  !important; font-size: 14px;}
    .header-top ul.navbar-nav .dropdown-menu.submenu ul.list-unstyled li.nav-item:hover a {color: #ff5400 !important;}
    .header-top ul.navbar-nav .dropdown-menu.submenu ul.list-unstyled li.nav-item a::before {content: ""; background: #fff !important; width: 4px; height: 4px; display: inline-block; vertical-align: middle !important; margin-right: 10px; border-radius: 100%;}
    .header-top ul.navbar-nav .dropdown-menu.submenu ul.list-unstyled li.nav-item:hover a::before{background: #ff5400 !important;}
    .header-top ul.navbar-nav > li > a {padding: .7rem 1rem !important; color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
    .header-top ul.navbar-nav > li > a:hover {background: #ffc300; color: #14161a !important;}
    .header-top .nav-menu button {width: 100%; border-radius: 0; padding: 4px !important;}
    .header-top .navbar-expand-lg .navbar-nav > li.nav-item a.active, .header-top .navbar-expand-lg .navbar-nav > li.nav-item:hover a {color: #14161a !important; background-color: #DFC45D;}
    .header-top ul.navbar-nav li.nav-item:last-child a{border-bottom: 0 !important;}
    .navbar-light .navbar-nav .nav-link {border: solid rgba(255, 255, 255, 0.2) !important; border-width: 1px 0px 0px !important;}
    .navbar-nav .dropdown-menu {position: relative !important;}
    .header-top .navbar-expand-lg .navbar-nav > li.nav-item .dropdown-menu li a.dropdown-item {background-color: #323733; border-color: rgb(70, 70, 70); color: #fff !important;}
    .header-top .navbar-expand-lg .navbar-nav > li.nav-item .dropdown-menu li:hover a.dropdown-item {background-color: #FEFBD8;	color: #2F2D15 !important;}
    .header-top .navbar-expand-lg .navbar-nav > li.nav-item .dropdown-menu li:last-child a.dropdown-item {border-bottom: 0 !important;}
    .owl-theme .owl-dots {margin-top: 15px;}
    footer.footer-bg .footercoppy {padding-bottom: 3rem; padding-top: 3rem;}
    header.header-top .navbar {z-index: 9;}
    }

/*-------------Menu Design End--------------*/
    
    @media screen and (max-width: 767px) {
    .font-size-60 {font-size: 40px;}	
    .font-size-50 {font-size: 34px;}
    .font-size-45 {font-size: 28px;}
    .font-size-40 {font-size: 24px;}
    .font-size-36 {font-size: 24px;}
    .font-size-30 {font-size: 22px;}
    .font-size-28 {font-size: 22px;}
    .font-size-24 {font-size: 18px;}
    .font-size-22 {font-size: 16px;}
    .font-size-16 {font-size: 14px;}
    .line-hight-3 {line-height: 1.4;}
    .homepad {padding-top: 3rem; padding-bottom: 3rem;}
    footer.footer-bg {padding: 4rem 0 2rem;}
    .accordionhome .accordion-item {margin-bottom: 10px;}
    .criket-user img {max-width: 30px;}
    .breadcrumb-item + .breadcrumb-item::before {width: 14px; height: 10px; bottom: -3px; background-size: 14px;}
    .bloglist-share {width: 30px;}
    .bloglist-share a {width: 30px; height: 30px;}
    .bloglist-share a img {max-width: 16px;}
    .bloglist-share a:first-child {line-height: 14px !important;}
    .bloglist-share a:last-child {line-height: 16px !important;}
    .home-banner {padding-top: 5rem; padding-bottom: 5rem;}
    .home-banner h1 {font-size: 22px;}
    .home-banner h4 {font-size: 16px;}
    .bannertop::before {width: 58%;}
    .happy-customers::before {display: none;}
    .happyclients img {max-width: 40px;}
    .happyclients .clients-text {font-size: 16px;}
    .whychoose {padding-top: 8.5rem !important; margin-top: -5rem; padding-bottom: 10rem !important;}
    header.header-top .logo-header {padding: 6px 0px 8px !important;}
	.owl-theme .owl-dots {margin-top: 10px;}
    }
    
    
    @media screen and (max-width: 575px) {
    .font-size-60 {font-size: 30px;}	
    .font-size-50 {font-size: 28px;}	
    .font-size-40 {font-size: 20px;}
    .font-size-30 {font-size: 18px;}
    .font-size-20 {font-size: 17px;}
    .font-size-45 {font-size: 22px;}
    .footer-logo img {max-width: 170px;}
    .homepad {padding-top: 2.5rem; padding-bottom: 2.5rem;}
    .bannertop::before {width: 72%;}
    .home-banner h1 {font-size: 18px;}
    .home-banner h4 {font-size: 14px;}
    .home-banner p {font-size: 12px;}
    .home-banner .banner-btn a {font-size: 12px;}
    .home-banner {padding-top: 2rem; padding-bottom: 2rem;}
    }
    
    @media screen and (max-width: 479px) {
    .contact-header {font-size: 13px;}
    .header-top .logo-header img {max-width: 100px;}
    .servicesbox {width: 100%; position: relative !important;}
    .servicesbox_l::after {border-bottom: 0; right: 0; top: auto; left: 30px; bottom: -16px; border-left: 12px solid transparent; border-right: 12px solid transparent;	border-top: 16px solid #FFE44A;}
    .servicesbox_r::before {border-bottom: 0; top: auto; left: 30px; bottom: -18px;	border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 18px solid #FFF;}
    .servicesbox_b::after {left: 30px; bottom: -18px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 18px solid #EDFF7D;}
    .call-banner a {min-width: 240px; max-width: 240px;}
    .search-box {margin-top: 1.3rem;}
    .header-top .navbar .navbar-collapse {top: 51px;}
    .bannertop::before {width: 80%;}
    
    }