/*============================ M E D I A  Q U I R Y ===============================*/
@media only screen and (min-width:1951px){ 
    .gallery-block .gallery-single{ height: 500px;}
}
@media only screen and (min-width:1850px) and (max-width:1950px){ 
    .gallery-block .gallery-single{ height:350px;}
}
@media only screen and (min-width:768px){    
    .home-professional-inner, .our-service-main, .home-service-inner, .service-blue-inner{display: table;}
    .home-professional-inner > div,.our-service-main > div,.home-service-inner > div,.service-blue-inner > div{display: table-cell;float: none; vertical-align: middle;}
    .btn.btn-lg:hover {    background: #1abee9 !important; border-color: #1abee9 !important; color: #fff !important;}
    .portfolio-info p{ max-width: 85%; margin: auto;}
    .contact-top-right {margin-bottom: -25px; margin-left: -40px;  max-width: 425px; display: inline-block; float: none; vertical-align: bottom;}
    .contact-top-left{ display: inline-block;  float: none; }
}
@media only screen and (min-width:992px){ 
    .serviceleft-main{ padding-right: 30px;}
    .serviceright-main{ padding-left: 30px;}
}
@media only screen and (min-width:1200px){    
    .prof-content { padding-left: 60px; padding-top: 40px; padding-bottom: 40px;}
    .portfolio-home {min-height: 210px;}
}
@media only screen and (min-width:992px) and (max-width:1199px){ 
    /*    .carosusal-inner img {  height: 170px;  object-fit: cover;  object-position: center center; }*/
    .prof-content{ padding:40px 15px;}
    .logo img,.logo.img{ max-width:300px !important; height: auto !important; }
    .home-bannerinfo h2{ margin-bottom: 10px;}
    .our-service-main,.home-service-inner{ table-layout: fixed;}
    .gallery-block .gallery-single{ height: 245px;}
    .portfolio-home {min-height: 170px;}
    .contact-btn-row { padding-top: 45px;}
}
@media only screen and (min-width:768px) and (max-width:991px){ 
    .home-professional-inner > div{ display: block !important;  float: left; }
    .home-professional-inner{  display: block; }
    .prof-content{  padding:40px 15px; }
    .logo img,.logo.img{ max-width: 190px !important; height: auto !important; }
    .navbar-nav > li > a{font-size: 15px;}
    .nav > li{ padding: 10px;}
    .home-bannerinfo h2 { font-size: 55px; line-height:60px; margin-bottom:2px;}
    .topphn-main{ padding: 4px 10px !important;}
    .topphn-main a{ font-size: 14px;}
    #header .navbar-nav { margin-top: 8px;}
    .service-tabs ul li{ padding: 0px;}
    .service-tabs li:first-child{ margin-bottom: 25px;}
    .serviceright-main{margin-top: 50px;}
    .serviceimage { width: 100%; }
    /*    .carosusal-inner img { height: 170px; object-fit: cover; object-position: center center;}*/
    .home-service-inner,.service-blue-inner{ table-layout: fixed;}
    .gallery-block .gallery-single{ height: 175px;}
    .inner-overlay h3{ font-size: 22px;}
    .pagebanner > img{min-height: 320px; object-fit: cover; object-position: center;}
    .bannertitle{ font-size: 60px;line-height: 68px;}
    .innerpage-downward{ display: none}
    .home-service-inner img{ border: 1px solid #888;}
    .portfolio-home {min-height: 175px;}
    section h2{font-size: 40px;}
    .btn.btn-lg{ padding: 11px 40px !important;}
    .contact-btn-row { padding-top: 45px;}
    #header{ padding: 20px 0px;}
    .topphn-main, .home #header.sticky .topphn-main{ top: -22px;}
}
@media only screen and (max-width:768px){ 
    .portanchor{ float: left; width: 100%; height: 100%;}
    .portfolio-home .inner-overlay2{ width: 100%; left:0px; height:100%; bottom: 0px; top: auto; background: transparent;}
    .portinnerblock h3 { background: rgba(0, 184, 233, 0.8); bottom: 0;font-size: 22px;left: 0; margin-bottom: 0; padding: 5px 0;  position: absolute; right: 0;}
    .portinnerblock{ height: auto !important;}
    .portinnerblock span{ display: none;}
    .gallery-block .inner-overlay{ display: block !important; height:40px; bottom: 0px; top: auto; width: 100%; left: 0;}
    .inner-overlay p ,.inner-overlay span{ display: none;}
    .inner-overlay h3{ padding: 6px 0px;}
}
@media only screen and (max-width:767px){ 
    .bg-section-center{ background: none !important;}
    .prof-content{ padding-bottom:50px;}
    .profimg-block{ text-align: center;}
    .serviceimage{ width: 100%;}
    .serviceright-main{ margin-top: 40px;}
    .home #header,#header{ position: relative; background: rgb(26,190,233) !important;}
    .home #header.sticky,#header.sticky{ position: fixed; top: 0px;}
    .topphn-main{ display: none !important;}
    .home-bannerinfo h2 {font-size: 46px;line-height: 50px; margin-bottom: 0;} 
    .navbar-toggle { border: 1px solid #fff;margin-bottom:0px; margin-right:0px; margin-top: 8px; padding: 9px 10px;}
    .navbar-toggle .icon-bar{ background: #fff;}
    .navbar-collapse {float: left; margin: 15px 0 0 !important; max-width: 100% !important; width: 100% !important;}
    #menu-main-menu { margin: 10px auto auto !important; width: 100% !important;}
    .nav > li { padding: 15px 0; text-align: center;}
    .navbar-nav > li.current_page_item > a::after, .navbar-nav > li:hover > a::after, .navbar-nav > li.current-page-ancestor > a::after{ width: 45px; left: 0px; right: 0px; margin: auto;}
    .home-service-inner .col-sm-6:last-of-type,.service-list-inner .col-sm-6:last-of-type{ margin-top: 30px;}
    .pagegallery .gallery-block,.pagegallery .gallery-block:nth-of-type(2n),.pagegallery .gallery-block:nth-of-type(n){ width: 100% !important;}
    .bannertitle{ font-size: 60px; line-height: 60px;}
    .contact-top-main{ background: none; padding: 0px;}
    .contact-top-left { padding: 50px 30px;}
    .contact-top-right{ border-radius: 0px;}
    .contact-top-right ul li img {float: left; margin-top: 4px;}
    #menu-footer-menu li { display: block; padding: 3px 20px;}
    .innerpage-downward{ display: none}
    #return-to-top { bottom: 80px; right: 20px;}
    .footermainbottom,.footermainbottom .text-right{ text-align: center !important;}
    .service-tabs li a p{ display: none;}
    .service-tabs ul li{ width: 49%; float: left;}
    .service-tabs li a{ padding: 9px;}
    .service-tabs li h4 img { margin-right: 6px; width: 25px; }
    .service-tabs li h4{ font-size: 16px; margin-bottom: 0px;}
    .service-tabs li:first-child{margin-bottom: 0px;}
    .galinnerblock{ height: auto;}
    .formsubmit{ text-align: center;}
    .bannertitle{ top: 45%;transform: translateY(-50%);}
    .home-bannerinfo{ top: 58%;}
    .btn.btn-lg { padding: 11px 45px !important;}
    .portfolio-home {min-height: 170px;}
    #nav-tabs-wrapper li:last-child{ float: right;}
    #return-to-top{ display: none !important;}
    .copyright.fullwidth { margin-bottom: 7px;} 
}
@media only screen and (min-width:481px) and (max-width:767px){
    .logo img,.logo.img{ max-width: 270px !important; height: auto !important; }
    .navbar-toggle{ margin-top: 17px;}
    .pagebanner img{min-height: 320px; object-fit: cover; object-position: center;}
    .portfolio-home{ min-height: 210px;}
    section h2{font-size: 40px;}
    .contact-btn-row { padding-top: 45px;}
}
@media only screen and (max-width:560px){
    .contact-top-left .wpcf7{ max-width: 100%;}
    .mfp-content{ max-width: 85% !important;}
    .home-service-inner img{ border: 1px solid #888;}
}
@media only screen and (max-width:480px){ 
    .btn.btn-lg {font-size: 15px !important; padding:11px 40px !important;}
    .logo img,.logo.img{ max-width: 190px !important; height: auto !important; }
    .pagebanner img{min-height: 300px; object-fit: cover; object-position: center;}
    .home-bannerinfo p{ margin-bottom: 0px;}
    .service-tabs li{ padding: 0px;}
    .service-main .row,.pagegallery-main{ padding: 50px 0px;}
    .contact-btn-row { padding-top:35px;}
    .portfolio-home{ min-height: 210px;}
}
@media only screen and (max-width:414px){ 
    .home-service,.home-portfolio{ padding: 45px 0;}
    .home-bannerinfo h2 {font-size: 40px; line-height: 42px; margin-bottom: 0;}
    section h2{ font-size:35px;} 
    .bannertitle{ font-size: 40px; line-height:40px;}
    .portfolio-home{ min-height: 190px;}
    .service-tabs li h4 { font-size: 12px; margin-bottom: 0;}
    .service-tabs li a{ padding: 7px;}
}
@media only screen and (max-width:340px){ 
    .service-tabs li:first-child {  margin-bottom:30px; }
    .service-content{ padding: 15px;}       
    .pagebanner img{min-height:250px;}
    .home-bannerinfo h2 {font-size: 34px; line-height: 40px; margin-bottom: 0;}
    /*    .carosusal-inner img { height: 200px;}*/
    section h2 { font-size: 32px;}
    .service-tabs li h4 { font-size: 11px; margin-bottom: 0;}
    .service-tabs li a{ padding: 7px;}
    .serviceright-main{ margin-top: 0px;}
}