@media screen and (max-width:1510px){ 
    .historysec .bardendata {
        padding: 40px 10% 40px 60px;
    }       
}
@media screen and (max-width:1440px){
    .bardendata {
        padding: 60px 70px 40px 40px;
    }    
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        transform: translateY(5.7%);
    }
}
@media screen and (max-width:1400px){
    .histerydata p {
        padding: 0 0 0 0;
    } 
    .historysec .bardendata {
        padding: 40px 9% 30px 30px;
    }    
}
@media screen and (max-width: 1300px){
    .historysec .bardendata {
        padding: 30px 4% 30px 30px;
    }    
    .bardendata {
        padding: 20px;
    }    
    .headerimg img {
        width: 140px;
    }
    .mapdata {
        padding: 50px 50px 0 15px;
    }    
}
@media screen and (max-width: 1230px){
    
}
@media screen and (min-width: 991px) and (max-width: 1199px){
	
}
@media screen and (max-width:1199px){ 
    #sidebar .solution-service{
    margin-right:30px;
    }
    #sidebar .font-30 {
    margin-right:30px;	
    }
    .single-blog-social-icon ul li a {
        font-size: 15px;
    }
    .navbar .nav-item {
        padding: .5rem .2rem !important;
    } 
    .solution-overview-sec .btn.message {
        padding: 14px 8px;
    }
    .single-bloge-title-box {
        padding: 30px 0 30px 56px;
    }
    .socialicon a {
        padding: 0 5px 0 0;
    }
    .logocenter img {
        padding: 0 8px;
    }  
    h4 {
        font-size: 25px;
        line-height: 30px;
    }    
    .backservice {
        padding: 20px 0 8px;
    }
    .backbtn {
        padding-bottom: 15px;
    }    
    .font-30 {
        font-size: 22px;
    }    
    .headerimg img {
        width: 120px;
    }  
    .insightdata {
        padding: 50px 0;
    } 
    .paddingrightextra h6 {
        padding-right: 27%;
    }
    .shopservice li img {
        margin-right: 10px;
    }  
    .teamfeed h4 {
        padding-right: 10%;
    }
    .box {
        width: 159px;
    }    
    .aboutclient {
        padding: 30px 0 30px;
    }
    .aboutclient img {
        margin-bottom: 20px;
    }    
    .historysec {
        flex-wrap: wrap;
    }    
    .historysec .bardendata {
        padding: 25px 25px;
        width: 100%;
    }
    .historysec .bardenimg {
        width: 100%;
    } 
    .profilesec {
        padding-bottom: 40px;
    }
    .single-bloge-setwidth .whitebox {
        padding: 30px 20px;
    }
}
@media screen and (min-width: 992px) {
    /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
    .navbar .nav-item {
    padding:.5rem .5rem;
    margin:0 .25rem;
    position: relative;
    }
    /* makes the dropdown full width  */
    .navbar .dropdown {position:static;    
    }
    .navbar .dropdown-menu {
    width:100%;
    left:0;
    right:0;
    /*  height of nav-item  */
    top:65px;
    display:block;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    }
    /* shows the dropdown menu on hover */
    .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
        display:block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.3s linear;
        transform: translateY(1.7%);
    }
    .navbar .dropdown-menu {
        border: 1px solid rgba(0,0,0,.15);
        background-color: #fff;
    }
}
@media screen and (max-width:428px){
	.customnav .navbar-nav.ml-auto {
        display: none;
    } 
}
@media screen and (max-width:991px){
.blogactive {
    padding-left: 20px;
	margin-left: 0;
}	
.wiget-sidebar ul li a {
    margin-left: 0;
}	
    #sidebar .solution-service{
    margin-right:0;
    }
    #sidebar .font-30 {
    margin-right:0;	
    }
    #fixpostion {
        margin-bottom: 50px;
    }
    .navbar-toggler {
        display: none;
    }    
    .single-blog-social-icon {
        padding: 0;
    }    
      .box {
        width: 180px;
    }    
    .teamfeed h4 {
        padding-right: 0;
        padding-bottom: 30px;
    }    
    .feedback h4 {
        padding: 0 0;
    }    
    .jamessec {
        padding: 35px 0 55px;
    }    
    .bardensec {
        flex-wrap: wrap;
    }
    .bardenimg {
        width: 100%;
    }   
    .bardendata {
        width: 100%;
    }    
    .contactform .whitebox {
        margin: -100px 0 0;
    }    
    .footersearch {
        padding: 30px 0 30px;
    }    
    h3 {
        font-size: 30px;
        line-height: 36px;
    } 
    .dacohead h4 {
        padding-right: 0;
    }
    .whitebox {
        margin: -50px 0 0;
        padding: 15px;
    }    
    .btn.watch {
        margin: -100px 0 0;
    }    
    h1 {
        font-size: 45px;
        line-height: 55px;
    }    
    .allbtns {
        padding-top: 20px;
    }    
    .service {
        padding:30px 0;
    }    
      .smartstyle {
        padding-bottom: 25px;
    }  

    .padingmore {
        padding-left: 7px;
    }  
    .headerimg {
        display: none;
    } 
    .boxwhite {
        margin-top: 0;     
      position: relative;

    } 
    /*.customnav .navbar-nav.ml-auto {
        display: none;
    } */ 
    .darcodiffsec {
        padding: 47px 0 20px;
        margin: 40px 0;
        text-align: center;
    }
    .darcodiffsec .blackline {
        margin: 20px auto;
    } 
    .about_service p {
        padding-right: 0;
    } 
    .socialicon {
        padding-left: 0;
    }  
     .blog-roll-page-content {
        background: transparent;
    }
    .featured-post-title {
        font-size: 25px;
        line-height: 33px;
    }
}
@media screen and (max-width:767px){
	.teamabout {
        padding: 100px 0;
    }
    .bg-vedio {
        height: auto;
    }	
    .service_morepadding {
        padding-top: 20px !important;
    }	
    #sidebar .btn.no {
        display: none;
    }	
    #sidebar .btn.message {
        display: none;
    }
    .solution-back-service {
        padding-top: 0px;
    }	
    .single-bloge-setwidth .container {
        max-width: 540px;
    }
    .single-bloge-title-box {
        padding: 30px 0 30px 30px;
    }	
    .solution-overview-sec {
        padding: 0;
    }	
    .bservice a {
        margin-bottom: 10px;
    }	
    .profileimgsec img {
        width: 29px !important;
        height: 29px;
        border-radius: 15px;
    }	
    .clienttestinomal .carousel-inner img {
        width: 50%;
    }
    .blogbgsearchimg{
    	height:auto;
    	padding: 124px 0 15px;
    }
    .aboutlogo div {
        padding: 0 0 0 0;
    }	
    .downloadsec {
        display: none;
    }	
     .height-fix {
        height: auto;
    }   
    .footer {
        padding: 50px 0 30px;
    }    
    .clienttestinomal {
        padding: 30px 0;
    }
    .testinomalsec {
        text-align: center;
    }
    .testinomalsec .carousel-inner img {
        padding-bottom: 40px;
    }    
    .clienttestinomal .carousel-indicators {
        right: 0;
    }    
    .testinomalsec .blackline {
        margin:20px auto;
    }    
    .box {
        width: 100%;
            height: 100%;
        margin: 0;
    	    padding: 0 10px;
    }  
    .profileimgsec {
        width: 18%;
    }    
    .abourthead h4 {
        padding-right: 0;
    }    
    .ready p {
        padding-right: 0;
    }    
    .innovativesec {
        padding: 35px 0 35px;
    }    
    .cloud {
        text-align: center;
    }    
    .office {
        padding: 30px 0 14px;
            text-align: center;
    }    
    .paddingrightextra h6 {
        padding-right: 0;
            padding-bottom: 20px;
    }    
    .contactrequestbtn .btn.no {
        width: 100%;
    	min-width:inherit;
    }    
    .contactrequestbtn {
        padding-top: 0;
        padding-bottom: 10px;
    }    
    .toppaddingextra {
        padding: 20px 0 0;
    }    
    .contactform .whitebox {
        margin: -50px 0 0;
    }    
    .term li {
        padding: 0 20px 0 0;
    }    
    .getintouch p {
        padding: 0 0;
    }    
    .mapsec.d-flex {
        flex-wrap: wrap;
    }    
    .mapshow {
        width: 100%;
        margin-right: 0;
    }    
    .mapdata {
        padding: 25px 15px 30px 15px;
        WIDTH: 100%;
    }    
    .client {
        padding: 40px 0;
    }    
    h1 {
        font-size: 35px;
        line-height: 45px;
    } 
    .btn.watch .fa {
        font-size: 28px;
    }
    .dacohead .blackline {
        margin: 20px 0;
    }    
     .carehead {
        padding-bottom: 0;
    }
    iframe{
    width: 500px;
    } 
    .insightdata {
        padding: 30px 0;
    } 
    .insight img {
        width: 100%;
    }
    .extrapadding {
        padding: 0 0;
    }  
    .innerdata p {
        padding-bottom: 64px !important;
    }  
}
@media screen and (max-width:575px){
	.dowloadbtn.btn {
		width: 100% !important;
    }
	.phoneiconmobileview {
		display: flex  !important;
	}
    .search-text { padding: 30px 0 20px; }
    .single-bloge-setwidth .whitebox {
        padding: 10px 10px;
    }
    .shopservice li a {
        font-size: 14px;
    }
    .single-bloge-title-box {
        padding: 15px 0 15px 15px;
    }	
    .blog-sidebar {
        padding: 0;
    }	
    .blog-roll-right-side-content {
        padding: 0;
    }	
    .blogbannerbox {
        padding: 15px;
    }	
    .aboutlogo div {
        width: 50%;
    }	
    .logocenter img {
        padding: 0;
        margin: 0 -7px 0 -7px;
    }	
    .btn{
        font-size: 15px;
    }	
    .btn{
        width: 48%;
    }	  
    .vediosecshop .btn.watch {
        width: 234px;
    }    
    .serbtn .btn {
        width: 100% !important;
    }   
    .footersearch .form-group {
        width: 100%;
    }    
    .footersearch {
        flex-wrap: wrap;
    }    
    .addressmobileview{
    display: block
        }    
    .locationsec {
        display: block;
    }    
    .callbtnunder {
    display: block
        }    
    .callbtnunder .btn.no {
        width: 100%;
    }
    .callbtnunder .btn.message {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }    
    .mobileinsitesec{
    display: block;
    }    
    .dektophide{
    display: block;
    }    
    .dacohead .blackline {
        margin-top: 0;
    }     
    .problem {
        display: none;
    }       
    .text-underline {
        font-size: 14px;
    }  
    h2 {
        font-size: 25px;
        line-height: 30px;
    }
    h4 {
        font-size: 24px;
        line-height: 26px;
    }    
    h6 {
        font-size: 15px;
        line-height: 18px;
    }    
    h1 {
        font-size: 35px;
        line-height: 35px;
    }           
    .allbtns {
        padding-top: 0;
        padding-bottom: 20px;
    }   
    .hidemobile{
    display: none !important;        
        }    
    .allbtns.mobileview {
        display: block;
    }    
    .mobileviewsuport {
        display: block;
    } 
    .hidedesktop {
        display: inline-block;
    }
    .mobileallservice{
    display: block;
    }
    .servicedown {
        padding-bottom: 0;
        text-align: center;
    }
    .servicesec .blackline {
        margin: 20px auto;
    }
    .servicinner {
        text-align: center;
            padding-bottom: 30px;
    }
    .servicesec {
        padding: 60px 0 40px;
    }
    iframe{
    width: 370px;
    } 
    .vedioonmobile{
    display: block;
    padding-top: 20px;    
    }
    .btn.watch {
        margin: 0 0 0;
        width: 100%;    
    }  
    .footer {
        padding: 60px 0 30px;
    }
    .mobilecenter{
    text-align: center;
    }
    .phoneiconmobileview{
    display: block;
    }    
    .mobileviewstrip {
    display: block;    
    }
    .searchicon .fa.fa-search {
        display: block;
    }
    .imgmarginright {
        margin-right: 0;
    } 
    .nopadding{
    padding-right: 0;    
    }  
    .nopadding .col-md-4{
    padding-right: 0;    
    }   
}
@media screen and (max-width:449px){
    .profileimgsec {
        width: 11%;
    }
    .vedio-play {
        object-fit: cover;
        width: 100%;
    }	
} 
@media screen and (max-width:375px){ 
    iframe{
    width: 300px;
    height: 400px;
    } 
    .term li a {
        font-size: 15px;
    }    
    .featured-post-title {
        font-size: 22px;
        line-height: 25px;
    }
.iconset {
    width: 25px;
    height: 25px;
    margin-right: 4px;
}	
}
@media screen and (max-width:350px){
    	.btn.no {
        width: 37%;
    }
    .btn.message{
        width: 53%;
    }
} 
@media screen and (min-width:992px){
        #responsive-menu-button {
        display: none !important;
    }
}