@media only screen and (min-width:2300px){
    .contactfrm{padding: 0px 200px;}
}
@media only screen and (min-width:1921px){
    .galleryitem{min-width: 730px;max-width: 730px;}
   .videoHide img{width: 100%;}
   .galleryitem a:hover .imgitem{padding-top: 110%;}

}
@media only screen and (max-width:1680px){
    .galleryitem{min-width: 420px;max-width: 420px;}
    .topoffsetpage{padding-top: 150px;}
    .titletopsection.mb-100{margin-bottom: 50px;}
    .title200 { font-size: 150px;}
    .title120, .title120 h2, .aboutopsection h1, .aboutopsection h2 { font-size: 90px;}
    .contenhalf .mb-200 { margin-bottom: 150px;}
    .tabnavright ul li::before{margin-top: 28px}
    .tabnavright ul li{font-size: 80px}
    .contactfrm h2 {margin-bottom: 30px;}
}

@media only screen and (min-width:1500px) and (max-width:1600px){
    .navmenucenter {width: 53%;}
} 
@media only screen and (max-width:1440px){
    .galleryitem{min-width: 400px;max-width: 400px;}
    .mainheader{padding: 15px 0px 10px;}
    .stickytopgallery{padding-top: 71px;}
    .navmenucenter{ width: 63%; }
    .infodetailcol { padding: 0px 100px;}
    .maindetailartrow .mb-50{margin-bottom: 30px;}
    .mb-200{margin-bottom: 150px;}
    .title200{font-size: 124px;}
    .title120, .title120 h2,h1, .aboutopsection h1, .aboutopsection h2{font-size: 70px;}
    .title60,.title60  h2, .title60 h1, h2{font-size: 40px;}
    .abtimgright{width: 30%;}
    .tabnavright ul li{font-size: 60px;margin-bottom: 30px;}
    .tabnavright ul li::before{margin-top: 20px;}
    .contenhalf{margin-top: 70px}
    .contenhalf .mb-200{margin-bottom: 70px;}
    .aboutopsection h1, .aboutopsection h2{margin-bottom: 70px;}
    .contenhalf p{padding-right: 0px;}
    .navmenu ul li{margin: 0px 10px;font-size: 18px}
    .mainheader .btn-theme-line{font-size: 18px}
    .whiteboxcol{width: 30%;padding: 50px 30px;}
    .sectiontoprow{padding: 100px 0px;}
    .socailcol a{font-size: 18px;margin-right: 15px;}
    .contactinfo a{font-size: 20px;}
    .contactfrm{padding: 0px 50px 20px;overflow: auto;}
    .contactinfo{margin-top: 30px;}
    .frmwrapper .mb-20{margin-bottom: 10px;}
    .contactDetail{padding-top: 71px;}
    .footercontent{top: -30px;}
    .contactfrm h2{margin-bottom: 20px;}
    .blogmainrow .blogcontent{padding-left: 60px;}
    .bloglistcol{margin-bottom: 70px;}
    .bloglistingrow  .mb-100{margin-bottom: 70px;}
    .paginav, .blogLoadMoreBtn{margin-bottom: 50px;}
    .blog-single-title {margin-bottom: 50px;padding: 0px 100px;}
    .blogdetailcontent{padding: 0px 100px;}
    .blogcontenelement{padding-left: 100px;}
}
@media only screen and (max-width:1366px){
    .galleryitem{min-width: 342px;max-width: 342px;}
}
@media only screen and (max-width:1280px){
    .galleryitem{min-width: 320px;max-width: 320px;}
}
@media only screen and (max-width:1200px){
    .mainheader{mix-blend-mode: normal;background-color: #FFFDF2;}
    .logo a svg{fill: #000;width: 100%;}
    .sendmsg{display: inline-flex;align-items: center;justify-content: flex-end;}
    .sendmsg .btn-theme-line{color: #000;margin-right: 20px;}
    .navheader{align-items: center;}
    a.menu-toggle{display: flex;margin-top: -3px;}
    .navmenu .closebtn {display: inline-flex;right: 15px;top: 15px;}
    .navmenu{position: fixed;width: 350px;background-color: #FFFDF2;height: 100%;top: 0px;right: -100%;padding: 50px 30px;z-index: 50;transition: all 0.5s ease-in;overflow:auto;}
    .navmenu.slide{right: 0px;opacity: 1;}
    .navmenu ul {flex-direction: column;text-align: left;}
    .navmenu ul li a{color: #000;}
    .navmenu ul li a::before{background-color: #000;}
    .navmenu ul li{font-size: 36px;margin:0px 0px 30px;font-family: "Roboto Serif", serif;font-weight: 300;font-style: italic;line-height: 1;}
    .hidedesk{display: block;}
    .stickytopgallery, #sectionPin {display: block;height: inherit;}
    .galleryitem{min-width: inherit;max-width: inherit;}
    .container{padding: 0px 50px;}
    .footercontent{top: -35px;font-size: 17px;}
    .galleryitem a:hover .imgitem, .galleryitem .imgitem  { padding-top: 100%; }
    .galleryitem a:hover .imgitem img{transform: none;}
    .navmenucenter { width: 60%; }
    .logo, .sendmsg{width: auto;}
    .mb-200{margin-bottom: 100px;}
    h1, .title120, .title120 h2, .aboutopsection h1, .aboutopsection h2{font-size: 70px;}
    h2,  .title60,.title60  h2, .title60 h1{font-size: 36px;}
    .title200 {font-size: 100px;}
    .infodetailcol{padding: 0px 50px;}
    .nextartitem{width: 40%;}
    .nextartitem span{margin-bottom: 20px;}
    .proinfo { width: 20%;}
    .proinfodetail{width: 80%;}
    .contenhalf .mb-200{margin-bottom: 70px;}
    .contenhalf .title200{letter-spacing: -5px}
    .aboutopsection h1, .aboutopsection h2{margin-bottom: 50px;}
    .contenhalf p{margin-bottom: 20px;}
    .abtimgright { width: 33%;}
    .contenhalf { width: 58%; margin-top: 50px;}
    .tabnavright ul li{font-size: 50px;}
    .tabnavright {padding-left: 50px}
    .videoPromo{transform: scale(1);display: inline-block;vertical-align: top;}
    .videosection{height: inherit;}
    .spacer{display: none;}
    .whiteboxcol{width: 33.33%;}
    .title100, .title100 h2{font-size: 70px;}
    .sectiontoprow .mb-30, .sectiontoprow .mb-20{margin-bottom: 15px;}
    .socailcol a {font-size: 16px;margin-right: 9px;}
    .tabnavright ul li span{padding-bottom: 10px;}
    .tabnavright ul li span::after{height: 3px;}
    .topoffsetpage {padding-top: 120px;}
    .blogmainrow .blogcontent h1{letter-spacing: -2px;}
    .bloglistingrow .mb-100{margin-bottom: 50px;}
    .bloglistcol{margin-bottom: 50px;}
    .blogtitlecontent h4, .blogcontent .btn-theme-line{font-size: 18px;}
    .blogtitlecontent h4{margin-bottom: 20px;}
    .bloglistingrow.mb-100 {margin-bottom: 50px;}
    .footerimg{width: 100%;}
    .blog-single-title {padding: 0px 50px;}
    .blogdetailcontent{padding: 0px 50px;}
    .blogcontenelement{padding-left: 50px;}
    .blogdetailrow .blogimgcol, .otherblogrow {margin-bottom: 50px;}
    .otherblogrow .mb-100{margin-bottom: 40px;}
    .navibtncol {margin-top: 50px;}
}

@media only screen and (max-width:992px){
    .navmenucenter, .logo, .sendmsg { width: auto;}
    .container{padding: 0px 30px;}
    .imgfullw img{height: 60vh;min-height: 60vh;}
    .imgfullw{height: 50vh;}
    h1, .title120, .title120 h2, .aboutopsection h1, .aboutopsection h2 {font-size: 50px;}
    h2, .title60, .title60  h2, .title60 h1 {font-size: 30px;}
    .title200{font-size: 80px;}
    .aboutopsection h1, .aboutopsection h2{letter-spacing: -3px;}
    .contenhalf{width: 55%;}
    .abtimgright{width: 45%;}
    .tabnavright{padding-left: 50px;}
    .tabnavright ul li{font-size: 36px;margin-bottom: 20px}
    .tabnavright ul li::before{margin-right: 30px;margin-top: 8px;}
    .footercontent{position: relative;top: 0px;text-align: left;}
    .worktogather h2{letter-spacing: -3px;margin-bottom: 60px;}
    .bloglistcol{width: 50%;}
    .blogmainrow .w-40 {width: 50%;}   
    .blogmainrow .w-60 {width: 50%;}
    .blogmainrow .blogcontent{padding-left: 30px;}
}
@media only screen and (max-width:854px){
    .mobilehide {display: inline-block;}
    .deskhide{display:none}
    .topoffsetpage { padding-top: 100px; }
    .contenhalf .mb-200 {margin-bottom: 50px; }
    .whiteboxcol{width: 50%;}
    .contactimg{width: 100%;height: 45vh;margin-bottom: 30px;}
    .contactfrm{width: 100%;padding-bottom: 50px;}
    .frmwrapper .mb-20{margin-bottom: 20px;}
    
}


@media only screen and (max-width:767px){
    h1, .title120, .title120 h2, .aboutopsection h1, .aboutopsection h2{font-size: 45px;}
    h2, .title60, .title60 h2, .title60 h1{font-size: 30px;margin-bottom: 15px;}
    .title200{font-size: 70px;}
    .mb-200{margin-bottom: 70px;}
    .title20{font-size: 16px;}
    .container{padding: 0px 20px;}
    .mainheader{padding: 10px 0px;font-size: 16px;background-color: #FFFDF2;}
    .logo{width: 100px;}
    .stickytopgallery{padding-top: 41px;}
    .stickytopgallery h4{margin-bottom: 0px;}
    .footercontent{position: relative;top: 0px;text-align: left;}
    .footercontent p{margin-bottom: 10px;}
    .topoffsetpage{padding-top: 80px;}
    .titletopsection.mb-100{margin-bottom: 20px;}
    .maindetailartrow .mb-50 {margin-bottom: 20px;}
    .proinfo{width: 100%;margin-bottom: 15px;}
    .proinfodetail{width: 100%;}
    .infodetailcol{padding: 0px;}
    .proinfodetail h2, .proinfodetail h4{margin-bottom: 15px;}
    .imghalfcol{width: 100%;}
    .infodetailcol p:last-child{margin-bottom: 0px;}
    .img2columnrow .container .imghalfcol:first-child{margin: 0px 0px 30px;}
    .contetninforowend.mb-100{margin-bottom: 70px;}
    .fullwidhcanvas{width: 100%;height: 100%;}
    .fullwidthrow{height:100%;}
    .fullwidhcanvas img{width: 100%;height: inherit;min-height: inherit;}
    .nextartitem {width: 70%;}
    .contenhalf{width: 100%;order: 2;margin-top: 0px;}
    .abtimgright{order: 1;width: 100%;margin-bottom: 20px;position: relative;top: 0px;}
    .contenhalf .mb-200{margin-bottom: 40px;}
    .contenhalf .title200{letter-spacing: -3px;font-size:60px}
    .aboutopsection h1, .aboutopsection h2{margin-bottom: 30px;}
    .contenhalf h4{margin-bottom: 20px;}
    .tabnavright{width: 100%;order: 1;padding-left: 0px;}
    .vertabsection .imghalfcol{order: 2;}
    .tabnavright ul{display: flex;overflow-x:auto;}
    .tabnavright ul li span{white-space: nowrap;}
    .tabnavright ul li{flex-wrap: wrap;text-align: center;margin-right: 20px;font-size: 24px;margin-bottom: 20px;}
    .tabnavright ul li::before{width: 100%;margin: 0px 0px 10px;font-size: 16px;}
    .tabnavright ul li span::after, .tabnavright ul li:hover span::after{height: 3px;}
    .worktogather .container{flex-direction: column-reverse;}
    .worktogather .container .imghalfcol:last-child{margin-bottom: 30px;}
    .worktogather h2{margin-bottom: 30px;}
    .whiteboxcol{width: 100%;padding: 50px 20px;}
    .boxcolrow {padding: 0px 20px;}
    .sectiontoprow {padding: 70px 0px;}
    .contactimg{width: 100%;margin-bottom: 20px;margin-top: 0px;}
    .contactfrm{width: 100%;padding: 0px 20px 30px;}
    .intfield{width: 100%;padding: 0px !important;}
    .frmwrapper{padding: 0px;}
    .socailcol{margin-top: 0px;}
    .contacpopup{height: inherit;}
    .sendmsg .btn-theme-line{font-size: 0px;width: 20px;height: 20px;padding-bottom: 0px;margin-right: 15px;}
    a.menu-toggle{margin-top: 0px;}
    .contactinfo{flex-direction: column;align-items: flex-start;margin-bottom: 10px;}
    .contactinfo span{margin-bottom: 10px;}
    .contactDetail {padding-top: 41px;}
    .sendmsg .btn-theme-line::before{padding-bottom: 0px; left: 0px; background-color: transparent;height: 20px;width: 20px;background-image: url(../images/paper-plane-send-icon.svg);transform: none;background-repeat: no-repeat;background-position: center;}
    .sendmsg .btn-theme-line.isOpen::before{background-image: url(../images/close-icon.svg);width: 16px;height: 16px;bottom: 2px;left: 2px;}
    .bloglistcol, .blogmainrow .w-40, .blogmainrow .w-60, .w-60, .w-40 {width: 100%;}
    .blogmainrow .blogcontent{padding-left: 0px;padding-top: 20px;}
    .bloglistingrow .mb-100{margin-bottom: 30px;}
    .bloglistingrow.mb-100 {margin-bottom: 30px;}
    .blog-single-title ,.blogdetailcontent,.blogcontenelement{padding: 0px;}
    .blogcontenelement h2{font-size: 28px;}
    .blogcontenelement h3{font-size: 22px;}
    .blogcontenelement h4{font-size: 18px;}
    .blogimgcontent.mb-50{margin-bottom: 20px;}
    .blogcontenelement p{margin-bottom: 20px;}
    .otherblogrow .mb-100{margin-bottom: 20px;}
    .otherblogrow .bloglistcol{width: 100%;}
    .otherblogrow{margin-bottom: 30px;}
    .navibtncol {margin-top: 30px;}

}
@media (min-width:581px) and (max-width:960px) and (max-height:480px){
   .footermain{position: relative;margin-top: 30px;}
}
@media only screen and (max-width:480px){
    .boxcolrow br{display: none;}
}

@media only screen and (max-width:375px){
    .tabnavright ul li{font-size: 24px;}
    .navmenu{width: 100%;}
}