/*Table of content*/
/*Desktop Media*/
/*Desktop height media*/
/*1024-iPad Landscape, iPad Pro Portrait*/
/*992-Tablet*/
/*980-Tablet*/
/*960-Tablet*/
/*854-Nokia N9 Landscape*/
/*823-Pixel 2 XL Landscape*/
/*812-iPhone X Landscape*/
/*800-Kindle Fire HDX, Nexux 10*/
/*768-iPad Portrait*/
/*736-iPhone 6/7/8 Plus Landscape*/
/*731-Pixel 2 Landscape*/
/*667-iPhone 6/7/8 Landscape*/
/*640-Galaxy Note 3 Landscape*/
/*604-Smartphone*/
/*600-Blackberry PlayBook, Nexus 7*/
/*586-iPhone 5/SE Landscape*/
/*533-Nokia Lumia 520 Landscape*/
/*480-Nokia N9*/
/*414-iPhone 6/7/8 Plus*/
/*412-Nexus 6*/
/*411-Pixel 2XL*/
/*384-LG Optimus L70, Nexus 4*/
/*375-iPhone 6/7/8 Plus, iPhone X*/
/*360-Galaxy S5, Galaxy Note, Galaxy Note 3, Nexus 5, BlackBerry, Microsoft Lumia*/
/*320-iPhone 5/SE, iPhone 4, Nokia Lumia 520*/


@media only screen and (min-width:1921px){
    .leftimgcol img{width: 100%;}
}
@media only screen and (max-width:1680px){

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

}

@media only screen and (max-width:1440px){
    .text-150, .text-150 h1, .text-150 h2, .text-150 h3{font-size: 120px;}
    .navmenu > ul > li{padding: 0px 15px;}
    h1, h2 {font-size: 48px;}
    h3{font-size: 36px;}
    .text-60, .text-60 h3, .text-60 h4{font-size: 40px;}
    .text-40{font-size: 36px;}
    .text-30, h4, .text-30 h2, .text-30 h1{font-size: 24px;}
    .mb-300{margin-bottom: 150px;}
    .tabsectionrow {padding: 0px 50px;}
    .hoverpro .brandvectortopleft img{max-width: 100px;}
    .cntbtncol{width: 100%;}
    .topherosection .btn-theme {padding: 60px 35px;width: 170px;}
    .topherosection .btn-theme::before{right: 20px;}
    .imgtitlecontent {padding-right: 120px;}
    .cntbtncol span, .cntbtncol a{min-width: 190px;padding: 12px 15px;}
    .buildcastelement{padding: 0px 50px;}
    .rightobject { top: 70px;}
    .leftobject img{width: 50%;}
    .rightobject  img{width: 50%;}
    .centercolimg img{width: 30%;}
    .horizontalcontent{min-width: 600px;}
    .horizontawrapper{padding-left: 115px;padding-right: 115px;}
/*    .prosmimg{width: 50%;}*/
    .titleproduct h3{max-width: 210px;}
    .stickyhrwrapper{top: 12vh;}
    .partnerelement .borderbottom {padding-bottom: 50px;}
    .mb-100{margin-bottom: 70px;}
    .videofull{padding: 0px 50px;}
    .fullwidthstickyrow .brandtopleft{width: 130px;}
    .precastpicturerow{padding: 150px 0px;}
    .careerselement h4{font-size: 20px;}
    .offcanvas-body{padding: 50px;}
    .offcanvas-body .fromlineicon {width: 150px;}
    .careerselement .bordeboxcol img{width: 80px;}
    .thankyoupage {padding-top: 150px;}
    .blogtitlecontent h4{margin-bottom: 30px;}
    .probannercaption{padding-bottom: 100px;}
    .otherslider .slick-track{padding-bottom: 1px;}
    .tabimgcontent {position: sticky;top: 100px;}
    .tabverticarow .tabimgcontent{position: relative;top: 0px;}
    .toppageoffset {padding-top: 150px;}
    .contactelement .brandtopright{width: 70px;}
    .contactelement .brandbottomleft{width: 100px;bottom: -1px;}
    .contactimg .brandbottomleft{width: 150px;}
    .navmenu > ul > li > a{font-size: 16px;}
    .productslider { padding: 0px 60px;}
    .productslider .slick-next{right: 20px}
    .productslider .slick-prev{left: 20px}
    .productslider .text-60 h3 { font-size: 36px;}
    .minusleftmargin {margin-left: -30px;}
    .imgprallaxrow .brandbottomright {width: 150px;}
    .fixparallaxrow{min-height: 650px;}
   .infrastructurerow .brandvectortopleft, .leftimgrightcontent .brandtopright{width: 90px;}
   .infrastructurerow .row{align-items: flex-start;}
   .infrastructurerow .row [class*="col-"]:first-child{top: 100px;position: sticky;}
   .leftimgrightcontent {padding-right: calc(((100% - 1296px) - 24px) / 2);}
   .futureprecastrow .brandtopright {right: 0;}
   .futureprecastrow .row{align-items: flex-start;}
   .grothrow .brandvectortopleft{width: 100px;}
   .minusrightmargin {margin-right: -70px;}
   
}
@media only screen and (min-width:1500px){
    .container{max-width: 1536px;}
}


@media only screen and (max-width:1366px){
    .text-150, .text-150 h1, .text-150 h2, .text-150 h3 {font-size: 100px;}
    .minusleftmargin {margin-left: -50px;}
    .leftimgrightcontent {padding-right: calc(((100% - 1140px) - 24px) / 2);}
    .minusrightmargin {margin-right: -50px;}

}

@media only screen and (max-width:1280px){
    .horizontawrapper {padding-left: 75px;  padding-right: 75px; }

}

@media only screen and (max-width:1200px){
    body{font-size: 16px;line-height: 26px;}
    .text-150, .text-150 h1, .text-150 h2, .text-150 h3 {font-size: 80px;}
    .text-60, .text-60 h3, .text-60 h4 {font-size: 40px;}
    .mb-300{margin-bottom: 100px;}
    .mb-200{margin-bottom: 100px;}
    .mb-150{margin-bottom: 70px;}
    h1, h2 {font-size: 40px;margin-bottom: 20px;}
    h3 {font-size: 30px;}
    .text-30, h4 {font-size: 20px;line-height: 26px;}
    .text-40, .text-40 h2 {font-size: 30px;}
    .tabsectionrow{padding: 0px 30px;}
    .logo, .sticky .logo{padding: 0px;}
    .sub-menu-arrow{display: inline-block;}
    a.menu-toggle.isOpen, a.menu-toggle{display:flex;}
    .mainheader, .sticky.mainheader{padding: 10px 0px;}
    .MenuClose{display: inline-flex;top: 20px;right: 20px;}
    .black-overlay{z-index: 30; background-color: rgba(0,0,0,0.5);content: '';position: fixed;right: 0px;height: 100%;width: 100%;top: 0px;display: none;}
    .navmenu{border-radius: 0px;display: inline-block;z-index: 31;position: fixed;overflow: auto;height: 100%;width: 350px;
        background: #fff;top: 0px;right: 0px;transform: translateX(100%); -webkit-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;transition: transform 0.3s linear;}
    .navmenu.slide {display: inline-block;animation-name: none;animation-duration: 0s;transform: translateX(0px);}
    .navmenu > ul{padding:50px 30px 0px;margin-right: 0px;display: inline-block;vertical-align: top;width: 100%;}
    .navmenu > ul > li, .mainheader.sticky .navmenu > ul > li{width:100%;padding: 0px;margin-bottom: 20px;}
    .navmenu > ul > li > a{width:100%;font-size: 20px;}
    .navmenu > ul > li > a::before,
    .navmenu > ul > li > ul{position:relative; width:100%;box-shadow: none;top: 0px;padding: 0px;margin-top: 10px;margin-left: 0px;padding-left: 10px;}
    .navmenu > ul > li > ul::before{display: none;}
    .navmenu > ul > li > ul li ul{position:relative; width:100%;left: 0px;padding: 0px;}
    .navmenu > ul > li > ul li a{color: #000;}
    .navmenu > ul > li > ul li ul{box-shadow: none;}
    .navmenu > ul > li:hover > ul{display:none;}
    .navmenu > ul > li.menu-item-has-children::before{display: none;}
    .sub-menu-arrow{display: inline-block;}
    .imgtitlecontent {padding-right: 42px;}
    .cntbtncol span, .cntbtncol a{min-width: initial;margin-right: 10px;}
    .stickyhrwrapper, .stickymainwrapper{position: relative;top: 0px;display: block;}
    .horizontawrapper{display:block;padding: 0px 0px 10px 30px;margin-right: -250px;}
    .horizontalcontent { min-width: initial;margin: 0px;padding: 0px 12px;}
    .horizontalcontent a{position: relative;}
    .h-spacer{display: none;}
    .fullwidthstickyrow .brandtopleft {width: 100px;}
    .precastpicturerow{padding: 100px 0px;}
    .careerselement .bordeboxcol{min-height: 100%;}
    .offcanvas.offcanvas-end { width: 65%;}
    .offcanvas-body .fromlineicon {width: 120px;}
    .calltoaction{padding: 40px 0px;}
    .footermenu{padding: 100px 0px;}
    .footermain .brandtopright {width: 60px;}
    .footelogo img{width: 80px;}
    .fullwidthstickyrow .mb-20{margin-bottom: 10px;}
    .stikcyfullwidth{position: relative;top: 0px;height: 100vh;}
    .stikcyfullwidth > img {display: inline-block; vertical-align: middle; width: 100vw; height: 100vh; max-width: none; min-height: 100vh; min-width: 100vw; -o-object-fit: cover; object-fit: cover;}
    .stickyslider  .slick-dots  {bottom: 50px;}
    .leftimgcol .brandtopright{width: 50px;}
    .thankyoupage{padding-top: 120px;}
    .thankyoupage p br{display: none;}
    .productbanner .brandbottomright{width: 100px;}
    .probannercaption {padding-bottom: 65px;}
    .advantagerow .bordeboxcol{padding: 20px;}
    .advantagerow .bordeboxcol i img{max-height: 80px;}
    .advantagerow .bordeboxcol i.mb-20{margin-bottom: 10px;}
    .othertitlepro h4 {margin-bottom: 30px;}
    .paginav, .loadmorebtn{padding-top: 20px;}
    .bloglistingrow .mb-20{margin-bottom: 0px;}
    .toppageoffset {padding-top: 120px;}
    .blogdetailcontent {padding: 0px 80px;}
    .tabvertical ul li::before{top: 0px;}
    .contactdetail{padding-bottom: 20px;margin-bottom: 20px;}
    .projectimgrepeater .projectrow {margin-bottom: 70px;}
    .projectimgrepeater .projectrow img {width: 100%; margin-bottom: 30px;}
    .productslider {  padding: 0px 20px; }
    .productslider .text-60 h3 { font-size: 30px;}
    .fixparallaxrow { min-height: 500px; }
    .progreslider i, .circlenum{margin-bottom: 20px;}
    .leftimgrightcontent .rightcontentcol{width: 42%;}
    .leftimgrightcontent {padding-right: calc(((100% - 960px) - 24px) / 2);}
    .structurescol .brandvectortopleft { width: 60px; }
    .strudetail ul{display: inline-block;}
    .strudetail::before{height: 100%;}
    .strudetail h4{transform: none;margin-bottom: 10px;}
    .minusleftmargin { margin-left: 0; }
    .futurerow [class*="col-"]:first-child{top: 100px;position: sticky;}
    .structurerow .bullet-list ul li{margin-bottom: 5px;}
    .futureprecastrow .brandtopright { width: 60px; }
    .advantagerow .mb-30{margin-bottom: 10px;}
    .progressrow .mb-80{margin-bottom: 50px;}
   .leftimgrightcontent .mb-50, .futureprecastrow .mb-50{margin-bottom: 30px;}
   .structurerow.mb-300{margin-bottom: 70px;}
   .leftimgrightcontent{align-items: flex-start;}
   .leftimgrightcontent .leftimgcol{position: sticky;top: 100px;width: 50%;}
   .leftimgrightcontent .rightcontentcol {width: 48%;}
   .minusrightmargin{margin-right: 0px;}
   .blogfullbanner{margin-bottom: 50px;}
   .blogdetail img{margin: 10px 0px;}

}

/*Desktop Media Ends*/

/*Desktop height media Starts*/
@media (min-width:1900px) and (max-width:1920px) and (max-height:1080px){
}
@media (min-width:1200px) and (max-width:1280px) and (max-height:1024px){
}
@media (min-width:1200px) and (max-width:1280px) and (max-height:960px){
}
@media (min-width:1200px) and (max-width:1280px) and (max-height:800px){
}
@media (min-width:1200px) and (max-width:1280px) and (max-height:768px){
}
/*Desktop height media Ends*/

/*iPad Landscape, iPad Pro Portrait start*/
@media only screen and (max-width:1024px){


}
/*iPad Landscape, iPad Pro Portrait end*/

/*Tablet start*/
@media only screen and (max-width:992px){
    h1,h2{font-size: 34px;}
    .tabimgcontent {display: none;}
    .mobileimg{display: inline-block;width: 40%;}
    .tabslidenav ul li{color: #000;padding-right: 0px;padding-bottom: 30px;margin-bottom: 25px;}
    .tabslidenav ul li:hover:before, .tabslidenav ul li.hoverselected:before{display: none;}
    .tabslidenav ul li:hover, .tabslidenav ul li.hoverselected{border-color: #ddd;}
    .tabslidenav ul > li h4{font-size: 30px;margin-bottom: 20px;color: #000;}
    .imgcontent{display: flex;flex-direction:row-reverse;align-items: flex-start;}
    .tabeleftcontent{margin-left: 30px;width: 60%;}
    .tabsectionrow {padding: 0px 25px;}
    .leftimgcol{width: 100%;margin-bottom: 20px;}
    .rightcontentcol{width: 100%;}
    .imgtitlecontent{padding: 0px 36px;}
    .leftobject {margin-bottom: 20px;}
    .rightobject  img, .leftobject img {width: 60%;}
    .rightobject {top: 30px;right: -20px;}
    .buildcastelement .mb-40{margin-bottom: 20px;}
    .footermain .brandtopright{width: 30px;}
    .footermenu {padding: 60px 0px;}
    .horizontawrapper{display:block;padding: 0px 0px 10px 22px;margin-right: -200px;}
    .titleproduct{padding: 20px;}
    .offcanvas.offcanvas-end{width: 100%;}
    .footermenu .row [class*="col-"]{margin-bottom: 20px;}
    .blogtitlecontent {padding: 20px;}
    .advantagerow .row [class*="col-"]:nth-child(even) .bordeboxcol{border: 1px solid #ddd;}
    .blogdetailcontent {padding: 0px;}
    .blogdetailrow .mb-50{margin-bottom: 30px;}
    .blogimgcontent, .blogdetailcontent{margin-bottom: 30px;}

    .tabverticarow .tabimgcontent {display: block;}
    .tabvertical ul li::before{top: 0px;}
    .tabvertical ul li{padding-bottom: 15px;margin-bottom: 15px;}
    .tabvertical ul li::before{width: 15px;height: 15px;background-size: 15px;}
    .progreslider{padding-bottom: 0px;}
    .leftimgrightcontent { padding-right: calc(((100% - 720px) - 24px) / 2); }
    .grothrow .brandvectortopleft { width: 80px; }
    .grothrow .row{align-items: flex-start;}
    .grothrow .row  [class*="col-"]:last-child{position: sticky;top: 100px;}
    .sharesticky{position: static;top: 0px;margin-top: 30px;}
    .blogsocial{display: flex;flex-wrap: wrap;}
    .blogsocial li{margin-right: 20px;margin-bottom: 10px;}
    
}
@media only screen and (max-width:991px){



}
@media screen and (min-width:581px) and (max-width:767px){
}
/*Tablet end*/

/*Tablet start*/
@media only screen and (max-width:980px){
}

/*Tablet end*/

/*Tablet start*/
@media only screen and (max-width:960px){
}

/*Tablet end*/

/*Nokia N9 Landscape start*/
@media only screen and (max-width:854px){

}

/*Nokia N9 Landscape end*/

/*Pixel 2 XL Landscape start*/
@media only screen and (max-width:823px){
}

/*Pixel 2 XL Landscape end*/

/*iPhone X Landscape start*/
@media only screen and (max-width:812px){
}

/*iPhone X Landscape end*/

/*Kindle Fire HDX, Nexux 10 start*/
@media only screen and (max-width:800px){
}

/*Kindle Fire HDX, Nexux 10 end*/

/*iPad Portrait start*/
@media only screen and (max-width:768px){
}
@media only screen and (max-width:767px){
    body{font-size: 16px;}
    .btn-theme-outline, .btn-theme, .btn-theme-outline-blk{font-size: 13px;padding: 10px 15px;}
    .text-150, .text-150 h1, .text-150 h2, .text-150 h3 {font-size: 40px;}
    .text-60, .text-60 h3, .text-60 h4 {font-size: 30px;}
    .text-40, .text-40 h2{font-size: 26px;}
    .container-fluid, .container{padding: 0px 20px;}
    .logo, .sticky .logo {padding: 0px;width: 130px;}
    .navmenu{width: 100%;}
    .mb-300 {margin-bottom: 60px;}
    .mb-100{margin-bottom: 50px;}
    .mb-200{margin-bottom: 60px;}
    h1, h2 {font-size: 30px;margin-bottom: 15px;}
    h3{  font-size: 24px;}
    .text-40 {font-size: 22px;}
    .topherosection{height: 400px;}
    .topvideosfull img, .topvideosfull video{height: 100%;min-width: inherit;min-height: inherit;}
    .tabsectionrow{padding: 0px 0px;}
    .imgcontent{flex-wrap: wrap;flex-direction: column-reverse;}
    .leftcontentrow .text-30{font-size: 18px;line-height: 24px;}
    .mobileimg{width: 100%;margin-bottom: 15px;}
    .tabslidenav ul li{margin-bottom: 20px;padding-bottom: 20px;}
    .tabslidenav ul > li h4{margin-bottom: 15px;}
    .tabeleftcontent{width: 100%;margin: 0px;}
    .tabeleftcontent :last-child{margin-bottom: 0px;}
    .tabslidenav ul > li h4{font-size: 24px;}
    .centercolimg img {width: 50%;}
    .rightobject  img, .leftobject img {width: 80%;}
    .rightobject{right: 0px;top: 20px;}
    .horizontawrapper{padding: 0px 20px 5px;margin: 0px -5px;}
    .horizontalcontent{padding: 0px 5px;}
    .imgtitlecontent{padding: 0px 20px;}
    .leftimgcol .brandtopright {width: 30px;}
    .buildcastelement { padding: 0px 20px;}
    .topbannercaption .text-150 {letter-spacing: -1px;font-size: 60px;}
    .topbannercaption{padding-top: 100px;}
    .videofull{padding: 0px 20px;}
    .videogallery .mb-30{margin-bottom: 0px;}
    .videoslider, .presliderbig{margin: 0px -5px;}
    .presliderbig .slick-slide,
    .videoslider .slick-slide{padding: 0px 5px;}
    .precastpicturerow .mb-20{margin-bottom: 0px;}
    .imgrightslider{display: none;}
    .precastpicturerow{padding: 50px 0px;}
    .partnershiplogo h2{margin-bottom: 20px;}
    .partnershiplogo .row [class*="col-"]{margin-bottom: 20px;}
    .partnershiplogo .row [class*="col-"]:last-child{margin-bottom: 0px;}
    .stikcyfullwidth{height: 50vh;}
    .stikcyfullwidth > img{min-height: initial;min-width: initial;}
    .stickyslider .slick-dots{bottom: 20px;}
    .fullwidthstickyrow .brandtopleft{width: 60px;}
    .careerselement .mb-30{margin-bottom: 20px;}
    .careerselement .bordeboxcol .mb-20{margin-bottom: 15px;}
    .footermenu .row [class*="col-"]:last-child{margin-bottom: 0px;}
    .socialicon{margin-bottom: 20px;}
    .elematiclogo{margin-bottom: 15px;}
    .elematiclogo img{width: 100px;}
    .offcanvas-body {padding: 50px 20px;}
    .offcanvas-body .mb-10{margin-bottom: 0px;}
    .offcanvas-body .fromlineicon {width: 70px;}
    .modal-body {padding: 30px;}
    .fromlineicon{width: 50px;}
    .modal-dialog{padding: 0px 10px;}
    .prosmimg{display: none;}
    .titleproduct .text-60{flex: 1;}
    .titleproduct h3{max-width: inherit;padding-right: 0px;}
    .leftvectorimg img{max-width: 150px;margin-bottom: 15px;}
    .leftimgcontentrow h2 br{display: none;}
    .partnerelement .borderbottom{padding-bottom: 30px;}
    .partnerelement.mb-100{margin-bottom: 30px;}
    .presliderbig  .slick-dots li button:before{background-color: #c9c9c9;}
    .presliderbig .slick-dots li.slick-active button:before{background-color: #0074BC;}
    .bordeboxcol{padding: 20px;}
    .cntbtncol{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}
    .cntbtncol span, .cntbtncol a{margin-bottom: 0px;margin-right: 0px;}
    .thankyoupage{padding-top: 80px;}
    .bloghomerow .mb-20{margin-bottom: 0px;}
    .blogcolbox{margin-bottom: 30px;}
    .bloghomerow .row .blogcolbox:last-child{margin-bottom: 0px;}
    .careerselement .mb-20{margin-bottom: 5px;}
    .blogtitlecontent h4{margin-bottom: 20px;}
    .advantagerow .mb-30{margin-bottom: 0px;}
    .othertitlepro {padding: 20px;}
    .productbanner .brandbottomright {width: 80px;}
    .probannercaption {padding-bottom: 30px;}
    .toppageoffset {padding-top: 100px;}
    .stickyblog .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .paginav, .loadmorebtn { padding-top: 0px; }
    .paginav a, .paginav span{width: 30px;height: 30px;line-height: 30px;font-size: 14px;}
    .arrow-previous::before, .arrow-next::before{width: 12px;height: 12px;}
    .blogdetailrow .mb-50 {margin-bottom: 20px;}
    .blogimgcontent, .blogdetailcontent {margin-bottom: 20px;}
    .tabverticarow .tabimgcontent{display: none;}
    .tabverticarow .mobileimg{display: inline-block;}
    .tabvertical ul li.hoverselected:before{display: none;}
    .tabvertical ul li.hoverselected{border-color: #ddd;}
    .tabvertical ul > li h4{font-size: 24px;margin-bottom: 20px;color: #000;}
    .tabvertical ul li{padding-right: 0px;}
    .contactelement .row [class*="col-"]:first-child{margin-bottom: 30px;}
    .contactimg .brandbottomleft {width: 80px;}
    .contactelement .brandbottomleft {width: 70px;}
    .contactelement .brandtopright {width: 50px;}
    .projectimgrepeater .projectrow { margin-bottom: 50px;}
    .productslider { padding: 0px 10px;}
    .fixparallaxrow { min-height: 350px; padding: 0px 15px;}
    .infrastructurerow .row [class*="col-"]:first-child, 
    .futurerow [class*="col-"]:first-child,
    .leftimgrightcontent .leftimgcol{top: 0px;position: relative;margin-bottom: 20px;}
    .imgprallaxrow .brandbottomright { width: 80px; }
    .leftimgrightcontent .leftimgcol, .leftimgrightcontent .rightcontentcol{width: 100%;}
    .leftimgrightcontent{padding: 0px 20px;}
    .leftimgrightcontent .rightcontentcol{padding: 0px;}
    .structurerow .row [class*="col-"]:last-child{margin-bottom: 0px;}
    .fixparallaxrow{background-attachment: scroll;}
    .structurerow .mb-50{margin-bottom: 25px;}
    .progressrow .mb-80{margin-bottom: 30px;}
    .fixparallaxrow .text-30{font-size: 16px;}
    .maplocationrow .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .blogfullbanner{margin-top: 48px;}
    .blogcpatitle h1{font-size: 24px;letter-spacing: 0px;margin-bottom: 0px;}
    
}

/*iPad Portrait end*/

/*iPhone 6/7/8 Plus Landscape start*/
@media only screen and (max-width:736px){

}

/*iPhone 6/7/8 Plus Landscape end*/

/*Pixel 2 Landscape start*/
@media only screen and (max-width:731px){
}

/*Pixel 2 Landscape end*/

/*iPhone 6/7/8 Landscape start*/
@media only screen and (max-width:667px){
}

/*iPhone 6/7/8 Landscape end*/

/*Galaxy Note 3 Landscape start*/
@media only screen and (max-width:640px){
}

/*Galaxy Note 3 Landscape end*/

/*Smartphone start*/
@media only screen and (max-width:604px){
}

/*Smartphone end*/

/*Blackberry PlayBook, Nexus 7 start*/
@media only screen and (max-width:600px){
}
@media only screen and (max-width:580px){


}

/*Blackberry PlayBook, Nexus 7 end*/
@media only screen and (max-width:575px){
}

/*iPhone 5/SE Landscape start*/
@media only screen and (max-width:568px){
}

/*iPhone 5/SE Landscape end*/

/*Nokia Lumia 520 Landscape start*/
@media only screen and (max-width:533px){
}

/*Nokia Lumia 520 Landscape end*/

/*Nokia N9 start*/
@media only screen and (max-width:480px){
}

/*Nokia N9 end*/

/*iPhone 6/7/8 Plus start*/
@media only screen and (max-width:414px){


}

/*iPhone 6/7/8 Plus end*/

/*Nexus 6 start*/
@media only screen and (max-width:412px){

}

/*Nexus 6 end*/

/*Pixel 2XL start*/
@media only screen and (max-width:411px){
    .cardcol.cardActive {flex: 1;height: 210px;}
}

/*Pixel 2XL end*/

/*LG Optimus L70, Nexus 4 start*/
@media only screen and (max-width:390px){

}

/*LG Optimus L70, Nexus 4 end*/

/*iPhone 6/7/8 Plus, iPhone X start*/
@media only screen and (max-width:375px){

}

/*iPhone 6/7/8 Plus, iPhone X end*/

/*Galaxy S5, Galaxy Note, Galaxy Note 3, Nexus 5, BlackBerry, Microsoft Lumia start*/
@media only screen and (max-width:360px){

}

/*Galaxy S5, Galaxy Note, Galaxy Note 3, Nexus 5, BlackBerry, Microsoft Lumia end*/

/*iPhone 5/SE, iPhone 4, Nokia Lumia 520 start*/
@media only screen and (max-width:320px){
}
/*iPhone 5/SE,iPhone 4,Nokia Lumia 520 end*/