.gradientgray{margin:auto; width:100%; font-size:0px; line-height:0px; text-align:center; color:#d7d7d7; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal; background: #ffffff; background: -webkit-linear-gradient(rgba(255,255,255,0), #ffffff, #f7f7f7, #d7d7d7); background: -o-linear-gradient(rgba(255,255,255,0), #ffffff, #f7f7f7, #d7d7d7); background: -moz-linear-gradient(rgba(255,255,255,0), #ffffff, #f7f7f7, #d7d7d7); background: linear-gradient(rgba(255,255,255,0), #ffffff, #f7f7f7, #d7d7d7);} @media (min-width: 768px) { .gradientgray {max-width:100%; }} @media (min-width: 992px) { .gradientgray {max-width:100%;}} @media (min-width: 1200px) { .gradientgray {max-width:100%; }} @media (min-width: 1500px) { .gradientgray {max-width:100%; }} .gradientgraytext{margin:auto; width:100%; text-align:center; font-size:15px; padding: 25px 40px 25px 40px; color:#696969; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:600; font-style:normal; } @media (min-width: 768px) { .gradientgraytext {max-width:100%; font-size:16px; padding: 25px 40px 25px 40px}} @media (min-width: 992px) { .gradientgraytext {max-width:750px; font-size:18px; padding: 25px 0px 25px 0px}} @media (min-width: 1200px) { .gradientgraytext {max-width:800px; font-size:18px; padding: 26px 0px 26px 0px}} @media (min-width: 1500px) { .gradientgraytext {max-width:900px; font-size:20px; padding: 30px 0px 30px 0px}} .grandparentsbg{width:100%; height: 450px; font-size:0px; line-height:0px; text-align:center; margin:auto; background-size:cover; background-image: url("storage/images/grandparentsbg.jpg");background-position: center top;background-repeat: no-repeat;} @media (min-width: 768px) { .grandparentsbg {height: 720px;}} @media (min-width: 992px) { .grandparentsbg {height: 800px;}} @media (min-width: 1200px) { .grandparentsbg {height: 818px;}} @media (min-width: 1500px) { .grandparentsbg {height: 1000px;}} .intbg{display:inline-block; width:100%; text-align:center; margin:auto; z-index:999999999; background-position: center 40%; background-size:cover; background-position: center top;background-repeat: no-repeat;overflow: hidden; } @media (min-width: 768px) { .intbg { background-image: url("storage/images/intbg.jpg");}} @media (min-width: 992px) { .intbg { background-size: 100% 545px;}} @media (min-width: 1200px) { .intbg { background-size: 100% 600px;}} @media (min-width: 1500px) { .intbg { background-size: 100% 740px;}} .bigcircle{text-align:center; z-index:999999999; margin:auto; width:330px; font-size:0px; height:330px; border-radius:100%; margin-top:12px; background-color:#e01f27; overflow:hidden} @media (min-width: 768px) { .bigcircle {width:500px; height:500px; margin-top:12px;}} @media (min-width: 992px) { .bigcircle {width:670px; height:670px; margin-top:13px;}} @media (min-width: 1200px) { .bigcircle {width:750px; height:750px; margin-top:15px;}} @media (min-width: 1500px) { .bigcircle {width:850px; height:850px; margin-top:15px;}} .bigcirclecol1{display:inline-block; width:300px; height:auto; vertical-align:top; padding-top:15%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal; color:#ffffff; font-size:16px;} @media (min-width: 768px) { .bigcirclecol1 {width:150px; font-size:16px; padding-top:48%;}} @media (min-width: 992px) { .bigcirclecol1 {width:235px; font-size:18px; padding-top:48%;}} @media (min-width: 1200px) { .bigcirclecol1 {width:225px; font-size:20px; padding-top:48%;}} @media (min-width: 1500px) { .bigcirclecol1 {width:320px; font-size:22px; padding-top:48%;}} .bigcirclecol2{display:inline-block; width:300px; padding-top:20px} @media (min-width: 768px) { .bigcirclecol2 {width:275px; padding-top:0px}} @media (min-width: 992px) { .bigcirclecol2 {width:387px; padding-top:0px}} @media (min-width: 1200px) { .bigcirclecol2 {width:400px; padding-top:0px}} @media (min-width: 1500px) { .bigcirclecol2 {width:525px; padding-top:0px}} .integration { height:200px;width:70px; font-size:0px; text-align:center; margin:auto; margin-top: 6px;background-image: url("storage/images/integ.jpg"); background-size:cover;background-position: center top; } @media (min-width: 768px) { .integration {height:424px;width:148px; margin:0px; margin-top: 36px;}} @media (min-width: 992px) { .integration {height:530px;width:185px; margin:0px; margin-top: 60px;}} @media (min-width: 1200px) { .integration {height:590px;width:206px; margin:0px; margin-top: 70px;}} @media (min-width: 1500px) { .integration {height:685px;width:239px; margin:0px; margin-top: 80px;}} .breederfarm{margin:auto; max-width:95%; height:150px; text-align:center; margin-top:20px; background-image: url("storage/images/breederfarm.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .breederfarm {max-width:100%; height:200px; margin-top:30px }} @media (min-width: 992px) { .breederfarm {max-width:720px; height:220px; margin-top:40px}} @media (min-width: 1200px) { .breederfarm {max-width:920px; height:281px; margin-top:50px}} @media (min-width: 1500px) { .breederfarm {max-width:1170px; height:357px; margin-top:50px}} .breederfarmparent{margin:auto; max-width:95%; height:150px; text-align:center; background-image: url("storage/images/breederfarmparent.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .breederfarmparent {max-width:100%; height:200px; }} @media (min-width: 992px) { .breederfarmparent {max-width:720px; height:220px;}} @media (min-width: 1200px) { .breederfarmparent {max-width:920px; height:281px;}} @media (min-width: 1500px) { .breederfarmparent {max-width:1170px; height:357px;}} .textcontainer{margin:auto; width:100%; text-align:center; font-size:0px; margin-top:20px;} @media (min-width: 768px) { .textcontainer {width:100%; margin-top:25px}} @media (min-width: 992px) { .textcontainer {width:720px; margin-top:30px}} @media (min-width: 1200px) { .textcontainer {width:920px; margin-top:32px}} @media (min-width: 1500px) { .textcontainer {width:1170px; margin-top:35px}} .linkmore{margin:auto; text-align:center; font-size:16px; padding:10px 0px 24px 0px;color:#898989; line-height:100%; font-family: "Myriad W01 Lt It","Open Sans",arial,sans-serif; } @media (min-width: 768px) { .linkmore {font-size:18px; padding:12px 0px 26px 0px;}} @media (min-width: 992px) { .linkmore {font-size:18px; padding:13px 0px 30px 0px;}} @media (min-width: 1200px) { .linkmore {font-size:20px; padding:14px 0px 32px 0px;}} .colcontainer{padding-top:350px; font-size:0px;} @media (min-width: 768px) { .colcontainer {padding-top:557px}} @media (min-width: 992px) { .colcontainer {padding-top:620px}} @media (min-width: 1200px) { .colcontainer {padding-top:628px}} @media (min-width: 1500px) { .colcontainer {padding-top:778px}} .onlycontainertwothree{margin:auto; width:90%; text-align:center; font-size:0px; padding:0px;} @media (min-width: 768px) { .onlycontainertwothree {text-align:left; width:83%;}} @media (min-width: 992px) { .onlycontainertwothree {width:720px;}} @media (min-width: 1200px) { .onlycontainertwothree {width:920px;}} @media (min-width: 1500px) { .onlycontainertwothree {width:1170px;}} .onlycontainer{margin:auto; width:100%; text-align:center; font-size:0px; } @media (min-width: 768px) { .onlycontainer {width:90%; }} @media (min-width: 992px) { .onlycontainer {width:720px;}} @media (min-width: 1200px) { .onlycontainer {width:920px;}} @media (min-width: 1500px) { .onlycontainer {width:1170px;}} .onlycontainer1{margin:auto; width:100%; text-align:center; font-size:0px; } @media (min-width: 763px) { .onlycontainer {width:100%; }} @media (min-width: 940px) { .onlycontainer {width:805px;}} @media (min-width: 1200px) { .onlycontainer {width:1005px;}} @media (min-width: 1500px) { .onlycontainer {width:1205px;}} .coloneb{display:inline-block; width:0px; height:0px; vertical-align:top} @media (min-width: 768px) { .coloneb {width:0px; height:163px; }} @media (min-width: 992px) { .coloneb {width:180px; height:180px; }} @media (min-width: 1200px) { .coloneb {width:140px; height:222px; }} @media (min-width: 1500px) { .coloneb {width:210px; height:222px; }} .coltwob{ display:inline-block; margin:auto; text-align:center; width:100%; height:100px; background-color:#e11f27;} @media (min-width: 768px) { .coltwob {width:570px; height:163px; margin-right:auto; margin-left:0px; text-align:left}} @media (min-width: 992px) { .coltwob {width:798px; height:180px; margin:0px; }} @media (min-width: 1200px) { .coltwob {width:780px; height:190px;}} @media (min-width: 1500px) { .coltwob {width:970px; height:222px;}} .coltwobtext{color:#ffffff; font-size:20px; padding:15px 30px 15px 30px; text-align:center; margin:auto; vertical-align:top; line-height:110%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .coltwobtext {display:inline-block; width:250px; font-size:22px; text-align:left; padding:28px 25px 25px 40px}} @media (min-width: 992px) { .coltwobtext {width:300px; font-size:28px; padding:30px 30px 30px 40px}} @media (min-width: 1200px) { .coltwobtext {width:400px; font-size:30px; padding:27px 77px 34px 38px}} @media (min-width: 1500px) { .coltwobtext {width:400px; font-size:34px; padding:30px 35px 35px 50px}} .colthreeb{width:95%; font-size:0px; padding:0px; text-align:center; margin:auto; vertical-align:top; } @media (min-width: 768px) { .colthreeb { text-align:left; width:90%; }} @media (min-width: 992px) { .colthreeb {display:inline-block; width:670px; }} @media (min-width: 1200px) { .colthreeb {width:740px; }} @media (min-width: 1500px) { .colthreeb {width:765px; }} .colthreebtext{ width:90%; color:#494949; font-size:14px; padding-top:20px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colthreebtext {display:inline-block; width:440px; text-align:left; font-size:14.5px; padding-top:20px}} @media (min-width: 992px) { .colthreebtext { width:540px;font-size:15px; padding-top:25px}} @media (min-width: 1200px) { .colthreebtext {width:720px; font-size:15px; padding-top:30px}} @media (min-width: 1500px) { .colthreebtext {width:760px; font-size:16px; padding-top:40px}} .colfourb{ width:0px; height:0px; font-size:0px; padding:0px; vertical-align:top;} @media (min-width: 768px) { .colfourb { height:0px; width:0px }} @media (min-width: 992px) { .colfourb { display:inline-block; width:50px }} @media (min-width: 1200px) { .colfourb {width:140px }} @media (min-width: 1500px) { .colfourb {width:204px }} .colfiveb{width:100%; vertical-align:top; } @media (min-width: 768px) { .colfiveb {text-align:left; width:440px; }} @media (min-width: 992px) { .colfiveb {width:720px; }} @media (min-width: 1200px) { .colfiveb {width:920px; }} @media (min-width: 1500px) { .colfiveb {width:1170px; }} .colsixb{display:inline-block; width:90%; vertical-align:top;} @media (min-width: 768px) { .colsixb {width:555px }} @media (min-width: 992px) { .colsixb {width:620px; }} @media (min-width: 1200px) { .colsixb {width:688px; }} @media (min-width: 1500px) { .colsixb {width:810px; }} .colsixtextb{ width:100%; color:#494949; font-size:14px; padding:15px; padding-top:20px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colsixtextb { width:100%; text-align:left; margin:0px; font-size:14.5px; padding:20px; padding-left:0px; padding-top:22px; padding-right:0px}} @media (min-width: 992px) { .colsixtextb {width:500px; font-size:15px; padding:18px; padding-left:0px; padding-top:25px; padding-right:0px}} @media (min-width: 1200px) { .colsixtextb {width:550px; font-size:15px; padding:20px; padding-left:25px; padding-top:28px; padding-right:0px}} @media (min-width: 1500px) { .colsixtextb {width:625px; font-size:16px; padding:25px; padding-top:30px; padding-right:0px}} .webreedicon{display:inline-block; width:130px; height:58px; margin-left:15px; margin-top:-10px; vertical-align:top; background-image: url("storage/images/webreedicon.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .webreedicon {width:160px; height:71px; margin-left:2px; margin-top:92px;}} @media (min-width: 992px) { .webreedicon {width:190px; height:84px; margin-left:9px; margin-top:96px;}} @media (min-width: 1200px) { .webreedicon {width:210px; height:93px; margin-left:3px; margin-top:129px;}} .gpold{ width:280px; height:130px; text-align:center; margin:auto; vertical-align:top; background-image: url("storage/images/gpold.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .gpold {display:inline-block; width:315px; height:146px; text-align:left;}} @media (min-width: 992px) { .gpold {width:385px; height:179px; text-align:left;}} @media (min-width: 1200px) { .gpold {width:400px; height:186px; text-align:left;}} @media (min-width: 1500px) { .gpold {width:435px; height:202px; text-align:left;}} .breedingpic{width:298px; height:104px; margin:auto; text-align:center; vertical-align:top; background-image: url("storage/images/breedingpic.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .breedingpic {width:298px; height:104px; margin-left:147px}} @media (min-width: 992px) { .breedingpic {width:398px; height:139px; margin-left:51px}} @media (min-width: 1200px) { .breedingpic {width:398px; height:139px; margin-left:141px}} @media (min-width: 1500px) { .breedingpic {width:498px; height:174px; margin-left:206px}} .wayarrow{display:inline-block; width:0px; height:0px;vertical-align:top; background-image: url("storage/images/wayarrow.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .wayarrow {width:18px; height:18px; margin-left:8px; margin-top:-28px}} @media (min-width: 992px) { .wayarrow {width:22px; height:22px; margin-left:8px; margin-top:-36px}} @media (min-width: 1200px) { .wayarrow {width:24px; height:24px; margin-left:10px; margin-top:-40px}} .hatchingtext{color:#494949; font-size:14px; padding-bottom:20px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .hatchingtext {text-align:left;font-size:14.5px; padding:0px 30px 15px 15px}} @media (min-width: 992px) { .hatchingtext {font-size:15px; text-align:left; padding:0px 40px 20px 20px}} @media (min-width: 1200px) { .hatchingtext {font-size:16px; padding:0px 50px 20px 25px}} .hatchingtext2{color:#494949; font-size:14px; padding:0px 0px 15px 0px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .hatchingtext2 {text-align:left;font-size:14.5px; padding:0px 0px 20px 0px}} @media (min-width: 992px) { .hatchingtext2 {font-size:15px; padding:0px 0px 25px 0px}} @media (min-width: 1200px) { .hatchingtext2 {font-size:15px; padding:0px 0px 30px 0px}} @media (min-width: 1500px) { .hatchingtext2 {font-size:16px; padding:0px 0px 30px 0px}} .kpdtext{width:90%; color:#494949; font-size:14px; padding:0px 0px 35px 0px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .kpdtext {font-size:14.5px; padding:0px 30px 30px 15px}} @media (min-width: 992px) { .kpdtext {font-size:15px; text-align:left; padding:0px 40px 50px 20px}} @media (min-width: 1200px) { .kpdtext {font-size:15px; padding:0px 50px 60px 25px}} @media (min-width: 1500px) { .kpdtext {font-size:16px; padding:0px 50px 60px 25px}} .kpdtext2{color:#096fb7; font-size:14px; padding:10px 10px 10px 10px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:italic;} @media (min-width: 768px) { .kpdtext2 {font-size:14.5px; padding:15px 15px 15px 15px}} @media (min-width: 992px) { .kpdtext2 {font-size:15px; padding:18px 18px 18px 18px}} @media (min-width: 1200px) { .kpdtext2 {font-size:15px; padding:20px 20px 20px 20px}} @media (min-width: 1500px) { .kpdtext2 {font-size:16px; padding:20px 20px 20px 20px}} .kpdtext3{max-width:90%; color:#494949; font-size:14px; padding:10px 10px 10px 10px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .kpdtext3 {max-width:80%; font-size:14.5px; padding:10px 10px 10px 10px}} @media (min-width: 992px) { .kpdtext3 {text-align:left; margin:0px; max-width:550px; font-size:15px; padding:20px 0px 0px 45px}} @media (min-width: 1200px) { .kpdtext3 {max-width:580px; font-size:15px; padding:0px 0px 0px 100px}} @media (min-width: 1500px) { .kpdtext3 {max-width:670px; font-size:16px; padding:0px 0px 0px 115px}} .kpdtitle{width:90%; color:#df2027; font-size:16px; padding:35px 0px 15px 0px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:600; font-style:normal;} @media (min-width: 768px) { .kpdtitle {font-size:18px; padding:50px 30px 15px 15px}} @media (min-width: 992px) { .kpdtitle {font-size:20px; text-align:left; padding:60px 40px 20px 20px}} @media (min-width: 1200px) { .kpdtitle {font-size:22px; padding:60px 50px 20px 25px}} @media (min-width: 1500px) { .kpdtitle {font-size:24px; padding:60px 50px 20px 25px}} .iqfsquare{width:90%; height:404px; border:solid 1px #abb7ca; border-radius:20px; margin:auto; margin-top:50px; margin-bottom:15px; overflow:hidden; text-align:center; vertical-align:top; background-image: url("storage/images/iqfbg.jpg"); background-size:cover;background-position: left bottom;} @media (min-width: 768px) { .iqfsquare {width:750px; height:700px; margin-top:70px; margin-bottom:40px}} @media (min-width: 992px) { .iqfsquare {width:720px; height:760px; text-align:left; margin-top:80px; margin-bottom:50px}} @media (min-width: 1200px) { .iqfsquare {width:840px; height:780px; margin-top:80px; margin-bottom:40px}} @media (min-width: 1500px) { .iqfsquare {width:1000px; height:940px; margin-top:90px; margin-bottom:60px}} .iqfsmallsquare{width:280px; margin:auto; margin-top:0px; margin-bottom: 20px; text-align:center; vertical-align:top; background-color:#fff} @media (min-width: 768px) { .iqfsmallsquare {border:solid 1px #096fb7; border-radius:20px; width:300px; margin-top:-80px; margin-bottom: 20px;}} @media (min-width: 992px) { .iqfsmallsquare {text-align:left; width:390px; margin-top:-210px; margin-left:auto; margin-right:20px; margin-bottom: 0px; }} @media (min-width: 1200px) { .iqfsmallsquare {width:330px; margin-top:-230px; margin-left:auto; margin-right:70px }} @media (min-width: 1500px) { .iqfsmallsquare {width:350px; margin-top:-250px; margin-left:auto; margin-right:140px }} .hatchingtextcontainer{ width:95%; text-align:center; margin:auto;} @media (min-width: 768px) { .hatchingtextcontainer {display:inline-block; width:390px; height:136px;}} @media (min-width: 992px) { .hatchingtextcontainer {width:420px; height:141px;}} @media (min-width: 1200px) { .hatchingtextcontainer {width:615px; height:176px;}} @media (min-width: 1500px) { .hatchingtextcontainer {width:798px; height:176px;}} .hatchingpic{ width:250px; height:136px; text-align:center; margin:auto;vertical-align:top; background-image: url("storage/images/hatchingpic.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .hatchingpic {display:inline-block;width:250px; height:136px;}} @media (min-width: 992px) { .hatchingpic {width:270px; height:141px;}} @media (min-width: 1200px) { .hatchingpic {width:270px; height:141px;}} @media (min-width: 1500px) { .hatchingpic {width:337px; height:176px;}} .chickbox{display:inline-block; width:175px; height:100px;vertical-align:top; background-image: url("storage/images/chickbox.jpg"); background-position: center top;} @media (min-width: 768px) { .chickbox {width:285px; height:163px;}} @media (min-width: 992px) { .chickbox {width:315px; height:180px;}} @media (min-width: 1200px) { .chickbox {width:333px; height:190px;}} @media (min-width: 1500px) { .chickbox {width:389px; height:222px;}} .colsevenb{display:inline-block; width:175px; height:100px; background-color:#e11f27; color:#ffffff; font-size:20px; padding:15px 15px 15px 20px; text-align:left; vertical-align:top; line-height:110%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colsevenb {width:380px; height:163px; font-size:22px; padding:28px 25px 25px 35px}} @media (min-width: 992px) { .colsevenb {width:405px; height:180px; font-size:28px; padding:30px 30px 30px 40px}} @media (min-width: 1200px) { .colsevenb {width:587px; height:190px; font-size:30px; padding:40px 40px 40px 50px}} @media (min-width: 1500px) { .colsevenb {width:780px; height:222px; font-size:34px; padding:40px 40px 40px 50px}} .coleightb{ position:absolute; width:130px; height:129px; text-align:center; margin:auto; margin-right:40%; margin-left:39%; margin-top:-40px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/hatchingicon.png"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .coleightb { width:150px; height:149px; margin-top:-50px; margin-right:38%; margin-left:9%; text-align:center;}} @media (min-width: 992px) { .coleightb {display:inline-block; position:relative; width:175px; height:174px; margin:0px; text-align:left; margin-top:-60px; margin-left:-15px; margin-right:15px;}} @media (min-width: 1200px) { .coleightb {width:190px; height:189px; margin:0px; text-align:left; margin-top:-70px; margin-left:-15px; margin-right:15px;}} @media (min-width: 1500px) { .coleightb {width:190px; height:189px; margin:0px; text-align:left; margin-top:-70px; margin-left:-15px; margin-right:15px;}} .colnineb{ width:95%; color:#494949; font-size:14px; margin:auto; margin-top:70px; padding:15px 15px 0px 20px; text-align:center; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal} @media (min-width: 768px) { .colnineb {display:inline-block; width:490px; font-size:14.5px; text-align:left; margin-top:0px; padding:28px 25px 0px 35px}} @media (min-width: 992px) { .colnineb {width:539px; margin:0px; font-size:15px; padding:32px 40px 40px 0px}} @media (min-width: 1200px) { .colnineb {width:729px; font-size:15px; margin:0px; text-align:left; padding:40px 40px 0px 0px}} @media (min-width: 1500px) { .colnineb {width:975px; font-size:16px; margin:0px; text-align:left; padding:40px 40px 0px 0px}} .chicksbg{margin:auto; max-width:95%; height:204px; text-align:center; margin-top:20px; background-image: url("storage/images/chicksbg.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .chicksbg {max-width:100%; height:350px; margin-top:25px;}} @media (min-width: 992px) { .chicksbg {max-width:720px; height:419px; margin-top:30px;}} @media (min-width: 1200px) { .chicksbg {max-width:920px; height:536px; margin-top:35px;}} @media (min-width: 1500px) { .chicksbg {max-width:1170px; height:682px; margin-top:35px;}} .wehatch{margin:auto; max-width:350px; height:140px; text-align:left; font-size:16px; padding:16px 175px 0px 20px; color:#ffffff; line-height:110%; font-family: "Myriad W01 Lt","Open Sans",arial,sans-serif; background-image: url("../images/wehatch.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .wehatch {max-width:100%; height:230px; font-size:24px; padding:26px 0px 0px 32px;}} @media (min-width: 992px) { .wehatch {max-width:800px; height:244px; font-size:26px; padding:26px 0px 0px 36px;}} @media (min-width: 1200px) { .wehatch {max-width:1000px; height:305px; font-size:28px; padding:28px 0px 0px 38px;}} .wehatch01{margin:auto; max-width:95%; height:191px; text-align:center; margin-top:6px; background-image: url("storage/images/wehatch01.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .wehatch01 {max-width:100%; height:320px; margin-top:15px;}} @media (min-width: 992px) { .wehatch01 {max-width:720px; height:392px; margin-top:20px;}} @media (min-width: 1200px) { .wehatch01 {max-width:920px; height:501px; margin-top:22px;}} @media (min-width: 1500px) { .wehatch01 {max-width:1170px; height:638px; margin-top:22px;}} .hatchingpictwo{display:inline-block; width:298px; height:147px; margin-top:2px; vertical-align:top; background-image: url("storage/images/hatchingpictwo.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .hatchingpictwo {width:298px; height:147px; margin-right:2px; margin-top:2px;}} @media (min-width: 992px) { .hatchingpictwo {width:320px; height:159px; margin-right:2px; margin-top:2px;}} @media (min-width: 1200px) { .hatchingpictwo {width:415px; height:210px; margin-right:2px; margin-top:2px;}} @media (min-width: 1500px) { .hatchingpictwo {width:493px; height:225px; margin-right:3px; margin-top:3px;}} .hatchingpicthree{ display:inline-block; width:298px; height:123px; margin-top:2px; vertical-align:top; background-image: url("storage/images/hatchingpicthree.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .hatchingpicthree { width:355px; height:147px; margin-top:2px;}} @media (min-width: 992px) { .hatchingpicthree {width:398px; height:159px; margin-top:2px;}} @media (min-width: 1200px) { .hatchingpicthree {width:503px; height:210px; margin-top:3px;}} @media (min-width: 1500px) { .hatchingpicthree {width:674px; height:225px; margin-top:3px;}} .coltenb{ width:0px; height:0px; margin-top:2px;} @media (min-width: 768px) { .coltenb {display:inline-block;width:298px; height:131px; margin-right:2px; margin-top:2px;}} @media (min-width: 992px) { .coltenb {width:271px; height:162px; margin-right:2px; margin-top:2px;}} @media (min-width: 1200px) { .coltenb {width:271px; height:200px; margin-right:3px; margin-top:3px;}} @media (min-width: 1500px) { .coltenb {width:463px; height:200px; margin-right:3px; margin-top:3px;}} .colelevenb{ width:100%; height:110px; margin-top:2px;} @media (min-width: 768px) { .colelevenb {display:inline-block; width:355px; height:131px; margin-top:2px;}} @media (min-width: 992px) { .colelevenb {width:350px; height:162px; margin-top:2px;}} @media (min-width: 1200px) { .colelevenb {width:359px; height:200px; margin-top:3px;}} @media (min-width: 1500px) { .colelevenb {width:643px; height:200px; margin-top:3px;}} .wehatch03{width:149px; height:110px; margin:auto; text-align:center; background-image: url("storage/images/wehatch03.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .wehatch03 {margin:0px; width:177px; height:131px;}} @media (min-width: 992px) { .wehatch03 {width:199px; height:148px;}} @media (min-width: 1200px) { .wehatch03 {width:251px; height:186px;}} @media (min-width: 1500px) { .wehatch03 {width:270px; height:200px;}} .chickdelivered{width:180px; height:69px; text-align:center; margin:auto; margin-top:20px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/chickdelivered.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .chickdelivered {display:inline-block; width:180px; height:69px; text-align:left; margin-top:25px;}} @media (min-width: 992px) { .chickdelivered {width:210px; height:81px; margin-top:30px;}} @media (min-width: 1200px) { .chickdelivered {width:307px; height:118px; margin-top:40px;}} .colchickdelivered{ width:95%; color:#494949; font-size:14px; margin:auto; padding:20px 15px 15px 20px; text-align:center; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colchickdelivered {display:inline-block; width:478px; font-size:14.5px; text-align:left; padding:23px 0px 25px 20px}} @media (min-width: 992px) { .colchickdelivered {width:510px; font-size:15px; padding:28px 0px 40px 22px}} @media (min-width: 1200px) { .colchickdelivered {width:610px; font-size:15px; padding:38px 0px 40px 34px}} @media (min-width: 1500px) { .colchickdelivered {width:862px; font-size:16px; padding:38px 0px 40px 34px}} .hatchingarrow{width:18px; height:18px; text-align:center; margin:auto; margin-top:20px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/hatchingarrow.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .hatchingarrow {display:inline-block; width:20px; height:20px; text-align:left; margin-left:160px; margin-top:0px;}} @media (min-width: 992px) { .hatchingarrow {width:24px; height:24px; margin-left:29px; margin-top:0px;}} @media (min-width: 1200px) { .hatchingarrow {width:26px; height:26px; margin-left:222px; margin-top:0px;}} @media (min-width: 1500px) { .hatchingarrow {width:28px; height:28px; margin-left:222px; margin-top:0px;}} .hatchingarrowtext{ width:90%; color:#494949; font-size:14px; margin:auto; margin-top:0px; padding:10px 15px 15px 20px; text-align:center; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .hatchingarrowtext {display:inline-block; width:478px; font-size:14.5px; text-align:left; margin-top:0px; padding:23px 0px 25px 20px}} @media (min-width: 992px) { .hatchingarrowtext {width:595px; font-size:15px; margin-top:0px; padding:28px 0px 40px 22px}} @media (min-width: 1200px) { .hatchingarrowtext {width:600px; font-size:15px; margin-top:0px; padding:38px 10px 40px 30px}} @media (min-width: 1500px) { .hatchingarrowtext {width:775px; font-size:16px; margin-top:0px; padding:38px 10px 40px 30px}} .broilerbg{margin:auto; max-width:95%; height:214px; text-align:center; background-image: url("storage/images/broilerbg.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .broilerbg {max-width:90%; height:340px;}} @media (min-width: 992px) { .broilerbg {max-width:720px; height:440px;}} @media (min-width: 1200px) { .broilerbg {max-width:920px; height:562px;}} @media (min-width: 1500px) { .broilerbg {max-width:1170px; height:715px;}} .coltwelveb{display:inline-block; width:175px; height:100px; background-color:#e11f27; color:#ffffff; font-size:20px; padding:15px 15px 15px 20px; text-align:left; vertical-align:top; line-height:110%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .coltwelveb {width:385px; height:163px; font-size:22px; padding:28px 25px 25px 35px}} @media (min-width: 992px) { .coltwelveb {width:370px; height:180px; font-size:28px; padding:30px 30px 30px 40px}} @media (min-width: 1200px) { .coltwelveb {width:570px; height:190px; font-size:30px; padding:40px 40px 40px 50px}} @media (min-width: 1500px) { .coltwelveb {width:720px; height:222px; font-size:34px; padding:40px 40px 40px 50px}} .coltwelve{display:inline-block; width:167px; height:100px; background-color:#e11f27; color:#ffffff; font-size:20px; padding:15px 15px 15px 20px; text-align:left; vertical-align:top; line-height:110%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 763px) { .coltwelve {width:385px; height:163px; font-size:30px; padding:28px 25px 25px 35px}} @media (min-width: 940px) { .coltwelve {width:370px; height:180px; font-size:32px; padding:32px 40px 40px 50px}} @media (min-width: 1200px) { .coltwelve {width:530px; height:191px; font-size:35px; padding:40px 40px 40px 50px}} @media (min-width: 1500px) { .coltwelve {width:720px; height:222px; font-size:40px; padding:38px 20px 40px 50px}} .broilergrowingpic{display:inline-block; width:175px; height:142px;vertical-align:top; background-image: url("storage/images/broilergrowingpic.jpg"); background-size:cover;background-position: center top;} @media (min-width: 763px) { .broilergrowingpic {width:285px; height:231px;}} @media (min-width: 940px) { .broilergrowingpic {width:350px; height:283px;}} @media (min-width: 1200px) { .broilergrowingpic {width:390px; height:316px;}} @media (min-width: 1500px) { .broilergrowingpic {width:450px; height:364px;}} .colthirteenb{ width:90%; color:#494949; font-size:14px; padding:40px 15px 15px 0px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colthirteenb {display:inline-block; width:385px; text-align:left; font-size:14.5px; margin-top:-45px; padding:0px 20px 15px 0px}} @media (min-width: 992px) { .colthirteenb {width:285px; font-size:15px; margin-top:-70px; padding:0px 0px 20px 0px}} @media (min-width: 1200px) { .colthirteenb {width:428px; font-size:15px; margin-top:-107px; padding:50px 0px 40px 0px}} @media (min-width: 1500px) { .colthirteenb {width:750px; font-size:16px; margin-top:-107px; padding:0px 100px 20px 0px}} .colthirteen{ width:90%; color:#494949; font-size:14px; padding:20px 0px 15px 0px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 763px) { .colthirteen {display:inline-block; width:385px; text-align:left; font-size:14.5px; margin-top:-45px; padding:0px 20px 25px 0px}} @media (min-width: 940px) { .colthirteen {width:370px; font-size:15px; margin-top:-70px; padding:0px 30px 40px 0px}} @media (min-width: 1200px) { .colthirteen {width:530px; font-size:15px; margin-top:-90px; padding:0px 40px 40px 0px}} @media (min-width: 1500px) { .colthirteen {width:720px; font-size:16px; margin-top:-100px; padding:0px 50px 40px 0px}} .colfourteenb{ position:absolute; width:175px; margin-top:0px; vertical-align:top;} @media (min-width: 768px) { .colfourteenb {position:relative; display:inline-block; margin-top:0px; width:285px; }} @media (min-width: 992px) { .colfourteenb {width:350px; }} @media (min-width: 1200px) { .colfourteenb {width:390px; }} .colfourteen{ position:absolute; width:175px; margin-top:0px; vertical-align:top;} @media (min-width: 763px) { .colfourteen {position:relative; display:inline-block; margin-top:0px; width:285px; }} @media (min-width: 940px) { .colfourteen {width:350px; }} @media (min-width: 1200px) { .colfourteen {width:390px; }} @media (min-width: 1500px) { .colfourteen {width:450px; }} .broilergrowingicon{ width:130px; height:129px; text-align:center; margin:auto; margin-right:0%; margin-left:70%; margin-top:-390px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/broilergrowingicon.png"); background-size:cover;background-position: center top;} @media (min-width: 763px) { .broilergrowingicon { width:150px; height:149px; text-align:right; margin-top:-48.2px; margin-left:59.6%;}} @media (min-width: 940px) { .broilergrowingicon {width:175px; height:174px; margin:0px; text-align:right; margin-top:-61.2px; margin-left:61.2%;}} @media (min-width: 1200px) { .broilergrowingicon {width:190px; height:189px; margin:0px; text-align:right; margin-top:-62.2px; margin-left:62.2%;}} @media (min-width: 1500px) { .broilergrowingicon {width:209px; height:208px; margin:0px; text-align:right;margin-top:-64px; margin-left:64.5%; }} .feedbg{margin:auto; max-width:95%; height:155px; text-align:center; margin-top:40px; background-image: url("storage/images/feedbg.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .feedbg {max-width:100%; height:210px; margin-top:50px;}} @media (min-width: 992px) { .feedbg {max-width:900px; height:241px; margin-top:60px;}} @media (min-width: 1200px) { .feedbg {max-width:1000px; height:268px; margin-top:65px;}} @media (min-width: 1500px) { .feedbg {max-width:1240px; height:332px; margin-top:70px;}} .broilergrowing{margin:auto; max-width:350px; height:140px; text-align:left; font-size:16px; padding:16px 175px 0px 20px; color:#ffffff; line-height:110%; font-family: "Myriad W01 Lt","Open Sans",arial,sans-serif; background-image: url("storage/images/broilergrowing.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .broilergrowing {max-width:100%; height:250px; font-size:24px; padding:26px 0px 0px 32px;}} @media (min-width: 992px) { .broilergrowing {max-width:800px; height:244px; font-size:26px; padding:26px 0px 0px 36px;}} @media (min-width: 1200px) { .broilergrowing {max-width:1000px; height:305px; font-size:28px; padding:28px 0px 0px 38px;}} .nippledrinker{display:inline-block; font-size:0px; margin:auto; width:250px; height:162px; text-align:center; margin-top:15px; background-image: url("storage/images/nippledrinker.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .nippledrinker {width:280px; height:185px; margin-top:15px}} @media (min-width: 992px) { .nippledrinker {width:312px; height:200px; margin-top:15px}} @media (min-width: 1200px) { .nippledrinker {width:385px; height:247px; margin-top:15px}} @media (min-width: 1500px) { .nippledrinker {width:450px; height:309px; margin-top:10px}} .nippledrinker0{display:inline-block; font-size:0px; margin:auto; width:250px; height:162px; text-align:center; margin-top:0px; background-image: url("storage/images/nippledrinker0.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .nippledrinker0 {width:400px; height:185px; margin-top:20px}} @media (min-width: 992px) { .nippledrinker0 {width:448px; height:200px; margin-top:15px}} @media (min-width: 1200px) { .nippledrinker0 {width:535px; height:247px; margin-top:15px}} @media (min-width: 1500px) { .nippledrinker0 {width:690px; height:309px; margin-top:10px}} .feedmill{display:inline-block;margin:auto; width:175px; height:140px; text-align:center; background-image: url("storage/images/feedmilling.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .feedmill {width:385px; height:194px; text-align:center;}} @media (min-width: 992px) { .feedmill {width:400px; height:202px; text-align:left;}} @media (min-width: 1200px) { .feedmill {width:500px; height:252px; text-align:left;}} @media (min-width: 1500px) { .feedmill {width:650px; height:328px; text-align:left;}} .colfifteenb{display:inline-block; width:175px; height:100px; background-color:#e11f27; color:#ffffff; font-size:20px; padding:15px 15px 15px 20px; text-align:left; vertical-align:top; line-height:110%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colfifteenb {width:285px; height:163px; font-size:22px; padding:28px 0px 25px 30px}} @media (min-width: 992px) { .colfifteenb {width:320px; height:180px; font-size:28px; padding:30px 30px 30px 40px}} @media (min-width: 1200px) { .colfifteenb {width:420px; height:190px; font-size:30px; padding:40px 40px 40px 50px}} @media (min-width: 1500px) { .colfifteenb {width:490px; height:222px; font-size:34px; padding:40px 40px 40px 50px}} .feedicon{ position:absolute; width:130px; height:129px; text-align:center; margin:auto; margin-right:40%; margin-left:35%; margin-top:-80px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/feedicon.png"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .feedicon { display:inline-block; position:relative; width:150px; height:149px; margin-top:-97px; text-align:left;}} @media (min-width: 992px) { .feedicon {width:175px; height:174px; margin:0px; text-align:left; margin-top:-120px; margin-left:0px; margin-right:100px;}} @media (min-width: 1200px) { .feedicon {width:175px; height:174px; margin-top:-135px; margin-left:-17px; margin-right:155px;}} @media (min-width: 1500px) { .feedicon {width:190px; height:189px; margin-top:-190px; margin-left:-17px; margin-right:155px;}} .colsixteenb{ width:90%; color:#494949; font-size:14px; margin:auto; margin-top:30px; padding:0px 0px 15px 0px; text-align:center; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colsixteenb {width:80%; font-size:14.5px; margin-top:-15px; text-align:left; padding:0px 0px 36px 0px}} @media (min-width: 992px) { .colsixteenb {display:inline-block; width:632px; margin:0px; margin-top:-15px; font-size:15px; padding:0px 0px 36px 0px}} @media (min-width: 1200px) { .colsixteenb {width:600px; font-size:15px; margin:0px; text-align:left; padding:36px 0px 38px 103px}} @media (min-width: 1500px) { .colsixteenb {width:810px; font-size:16px; margin:0px; text-align:left; padding:36px 0px 38px 160px}} .colnineteenb{ width:90%; color:#494949; font-size:14px; padding:40px 0px 0px 0px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:600; font-style:normal;} @media (min-width: 768px) { .colnineteenb {width:80%; font-size:14.5px; padding:30px 0px 0px 0px}} @media (min-width: 992px) { .colnineteenb {display:inline-block; width:620px; font-size:15px; margin:0px; text-align:left; padding:35px 75px 0px 0px}} @media (min-width: 1200px) { .colnineteenb {width:800px; font-size:15px; padding:40px 160px 0px 34px}} @media (min-width: 1500px) { .colnineteenb {width:953px; font-size:16px; padding:40px 260px 0px 0px}} .coltwentyb{ width:0px; margin:auto; margin-top:0px; vertical-align:top;} @media (min-width: 768px) { .coltwentyb {margin-top:0px; width:285px; }} @media (min-width: 992px) { .coltwentyb {display:inline-block;width:100px; }} @media (min-width: 1200px) { .coltwentyb {width:190px; }} .poultryprocessingbg{width:100%; height: 450px; font-size:0px; line-height:0px; text-align:center; margin:auto; margin-top:50px; background-size:cover; background-image: url("storage/images/poultryprocessingbg.jpg");background-position: center top;background-repeat: no-repeat;overflow: hidden;} @media (min-width: 768px) { .poultryprocessingbg {height: 600px; margin-top:70px}} @media (min-width: 992px) { .poultryprocessingbg {height: 800px; margin-top:80px}} @media (min-width: 1200px) { .poultryprocessingbg {height: 869px; margin-top:85px}} @media (min-width: 1500px) { .poultryprocessingbg {height: 900px; margin-top:90px}} .colseventeentext{color:#ffffff; font-size:20px; padding:15px 15px 20px 15px; text-align:center; margin:auto; vertical-align:top; line-height:110%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colseventeentext {font-size:22px; padding:20px 20px 25px 20px}} @media (min-width: 992px) { .colseventeentext {display:inline-block; text-align:left; font-size:28px; padding:30px 30px 30px 40px}} @media (min-width: 1200px) { .colseventeentext {font-size:30px; padding:30px 30px 30px 40px}} @media (min-width: 1500px) { .colseventeentext {font-size:34px; padding:40px 40px 40px 50px}} .colcontainertwo{padding-top:350px; font-size:0px; overflow:hidden} @media (min-width: 768px) { .colcontainertwo {padding-top:437px}} @media (min-width: 992px) { .colcontainertwo {padding-top:620px}} @media (min-width: 1200px) { .colcontainertwo {padding-top:679px}} .poultryprocessingicon{ display:inline-block;width:130px; height:129px; text-align:center; margin:auto; margin-left:4%; margin-top:-50px; margin-bottom:-10px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/poultryprocessingicon.png"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .poultryprocessingicon { text-align:center; margin:auto; width:150px; height:149px; margin-top:-81px; margin-left:409px; margin-bottom:-15px}} @media (min-width: 992px) { .poultryprocessingicon { width:175px; height:174px; margin-top:-142px; margin-top:-81px; margin-left:472px; margin-bottom:-20px}} @media (min-width: 1200px) { .poultryprocessingicon {width:190px; height:189px; margin-top:-190px; margin-top:-81px; margin-left:481px; margin-bottom:-25px}} .colthreebtexttwo{ width:90%; color:#494949; font-size:14px; padding-top:0px; text-align:center; margin:auto; margin-top:-10px; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colthreebtexttwo {width:90%; font-size:14.5px; margin-top:-15px; padding-top:0px}} @media (min-width: 992px) { .colthreebtexttwo {display:inline-block; width:530px; margin-top:0px; font-size:15px; text-align:left; padding-top:0px}} @media (min-width: 1200px) { .colthreebtexttwo {width:700px; font-size:15px; padding-top:0px}} @media (min-width: 1200px) { .colthreebtexttwo {width:700px; font-size:16px; padding-top:0px}} .pprocesscol{ display:inline-block;width:0px; height:0px; text-align:center; margin:auto;} @media (min-width: 768px) { .pprocesscol { width:0px; height:0px; }} @media (min-width: 992px) { .pprocesscol { width:140px; height:112px; }} @media (min-width: 1200px) { .pprocesscol {width:237px; height:141px; }} @media (min-width: 1500px) { .pprocesscol {width:310px; height:173px; }} .pprocesscol2{ display:inline-block;width:0px; height:0px; text-align:center; margin:auto;background-color:#f2f2f2} @media (min-width: 768px) { .pprocesscol2 { width:0px; height:0px; }} @media (min-width: 992px) { .pprocesscol2 { width:575px; height:145px; }} @media (min-width: 1200px) { .pprocesscol2 {width:725px; height:159px; }} @media (min-width: 1500px) { .pprocesscol2 {width:890px; height:173px; }} .pprocess01{ display:inline-block;width:123px; height:72px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/pprocess01.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .pprocess01 { width:270px; height:130px; margin-top:0px; margin-bottom:2px; }} @media (min-width: 992px) { .pprocess01 { width:234px; height:112px; margin-top:0px; margin-bottom:0px; }} @media (min-width: 1200px) { .pprocess01 {width:295px; height:141px; margin-top:0px; margin-bottom:0px; }} @media (min-width: 1500px) { .pprocess01 {width:359px; height:173px; margin-top:0px; margin-bottom:0px; }} .pprocess02{ display:inline-block;width:100px; height:72px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/pprocess02.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .pprocess02 { width:181px; height:130px; margin-top:0px; margin-bottom:2px; }} @media (min-width: 992px) { .pprocess02 { width:157px; height:112px; margin-top:0px; margin-bottom:0px; }} @media (min-width: 1200px) { .pprocess02 {width:197px; height:141px; margin-top:0px; margin-bottom:0px; }} @media (min-width: 1500px) { .pprocess02 {width:241px; height:173px; margin-top:0px; margin-bottom:0px; }} .pprocess03{ display:inline-block;width:121px; height:72px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/pprocess03.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .pprocess03 { width:218px; height:130px; margin-top:0px; margin-bottom:2px; }} @media (min-width: 992px) { .pprocess03 { width:187px; height:112px; margin-top:0px; margin-bottom:0px; }} @media (min-width: 1200px) { .pprocess03 {width:236px; height:141px; margin-top:0px; margin-bottom:0px; }} @media (min-width: 1500px) { .pprocess03 {width:290px; height:173px; margin-top:0px; margin-bottom:0px; }} .pprocess04{ display:inline-block;width:121px; height:72px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/pprocess04.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .pprocess04 { width:218px; height:130px; margin-top:0px; margin-bottom:2px;}} @media (min-width: 992px) { .pprocess04 { width:187px; height:112px; margin-top:2px; margin-bottom:0px;}} @media (min-width: 1200px) { .pprocess04 {width:236px; height:141px; margin-top:3px; margin-bottom:0px;}} @media (min-width: 1500px) { .pprocess04 {width:308px; height:146px; margin-top:4px; margin-bottom:0px;}} .pprocess04col{ display:inline-block; width:2px; height:0px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px;} @media (min-width: 768px) { .pprocess04col { width:2px; height:130px; margin-top:0px; margin-bottom:2px;}} @media (min-width: 992px) { .pprocess04col { width:346px; height:112px; margin-top:2px; margin-bottom:0px;}} @media (min-width: 1200px) { .pprocess04col {width:448px; height:141px; margin-top:3px; margin-bottom:0px;}} @media (min-width: 1500px) { .pprocess04col {width:616px; height:146px; margin-top:4px; margin-bottom:0px;}} .pprocess05{ display:inline-block;width:121px; height:72px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/pprocess05.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .pprocess05 { width:218px; height:130px; margin-top:0px; margin-bottom:2px;}} @media (min-width: 992px) { .pprocess05 { width:187px; height:112px; margin-top:2px; margin-bottom:0px;}} @media (min-width: 1200px) { .pprocess05 {width:236px; height:141px; margin-top:3px; margin-bottom:0px;}} @media (min-width: 1500px) { .pprocess05 {width:246px; height:146px; margin-top:4px; margin-bottom:0px;}} .pprocess06{ display:inline-block;width:242px; height:98px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/pprocess06.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .pprocess06 { width:468px; height:189px; margin-top:0px; margin-bottom:2px;}} @media (min-width: 992px) { .pprocess06 { width:515px; height:210px; margin-top:2px; margin-bottom:0px;}} @media (min-width: 1200px) { .pprocess06 {width:649px; height:264px; margin-top:3px; margin-bottom:0px;}} @media (min-width: 1500px) { .pprocess06 {width:796px; height:322px; margin-top:4px; margin-bottom:0px;}} .pprocess06col{ display:inline-block; width:2px; height:0px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px;} @media (min-width: 768px) { .pprocess06col { width:2px; height:0px; margin-top:0px; margin-bottom:2px;}} @media (min-width: 992px) { .pprocess06col { width:205px; height:210px; margin-top:2px; margin-bottom:0px;}} @media (min-width: 1200px) { .pprocess06col {width:271px; height:264px; margin-top:3px; margin-bottom:0px;}} @media (min-width: 1500px) { .pprocess06col {width:374px; height:322px; margin-top:4px; margin-bottom:0px;}} .pprocess07{ display:inline-block;width:242px; height:98px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/pprocess07.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .pprocess07 { width:218px; height:145px; margin-top:0px; margin-bottom:2px;}} @media (min-width: 992px) { .pprocess07 { width:316px; height:212px; margin-top:2px; margin-bottom:0px;}} @media (min-width: 1200px) { .pprocess07 {width:398px; height:266px; margin-top:3px; margin-bottom:0px;}} @media (min-width: 1500px) { .pprocess07 {width:487px; height:325px; margin-top:4px; margin-bottom:0px;}} .pprocess07col{ display:inline-block; width:2px; height:0px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; } @media (min-width: 768px) { .pprocess07col { width:2px; height:0px; margin-top:0px; margin-bottom:2px;}} @media (min-width: 992px) { .pprocess07col { width:139px; height:20px; margin-top:2px; margin-bottom:0px;}} @media (min-width: 1200px) { .pprocess07col {width:186px; height:20px; margin-top:3px; margin-bottom:0px;}} @media (min-width: 1500px) { .pprocess07col {width:268px; height:20px; margin-top:4px; margin-bottom:0px;}} .pprocess08{ display:inline-block;width:131px; height:98px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/pprocess08.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .pprocess08 { width:131px; height:98px; margin-top:0px; margin-left:2px; margin-bottom:2px;}} @media (min-width: 992px) { .pprocess08 { width:131px; height:98px; margin-top:2px; margin-left:2px; margin-bottom:0px;}} @media (min-width: 1200px) { .pprocess08 {width:165px; height:123px; margin-top:3px; margin-left:2px; margin-bottom:0px;}} @media (min-width: 1500px) { .pprocess08 {width:201px; height:149px; margin-top:4px; margin-left:3px; margin-bottom:0px;}} .pprocesstext{ width:90%; color:#494949; font-size:14px; padding:0px 0px 10px 0px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .pprocesstext {width:80%; font-size:14.5px; padding:0px 0px 30px 0px}} @media (min-width: 992px) { .pprocesstext {display:inline-block; text-align:left; width:582px; font-size:15px; padding:0px 0px 35px 68px}} @media (min-width: 1200px) { .pprocesstext {width:735px; font-size:15px; padding:0px 0px 40px 86px}} @media (min-width: 1500px) { .pprocesstext {width:904px; font-size:16px; padding:0px 0px 50px 108px}} .pprocess09{ width:220px; height:107px; text-align:center; margin:auto; margin-top:15px; margin-bottom:10px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/pprocess09.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .pprocess09 {display:inline-block;width:270px; height:131px; margin-top:0px; margin-bottom:10px}} @media (min-width: 992px) { .pprocess09 { width:270px; height:131px; margin-top:0px; margin-bottom:11px}} @media (min-width: 1200px) { .pprocess09 {width:400px; height:194px; margin-top:0px; margin-bottom:13px}} @media (min-width: 1500px) { .pprocess09 {width:506px; height:245px; margin-top:15px; margin-bottom:15px}} .pprocess09col{ width:0px; height:0px; text-align:center; margin:auto; margin-top:10px; margin-bottom:20px} @media (min-width: 768px) { .pprocess09col {width:0px; height:0px; margin-top:0px; margin-bottom:20px}} @media (min-width: 992px) { .pprocess09col {display:inline-block; width:450px; height:151px; margin-top:0px; margin-bottom:30px}} @media (min-width: 1200px) { .pprocess09col {width:520px; height:220px; margin-top:0px; margin-bottom:40px}} @media (min-width: 1500px) { .pprocess09col {width:610px; height:245px; margin-top:10px; margin-bottom:50px}} .pprocess09coltwob{ display:inline-block;width:0px; height:0px; text-align:center; margin:auto; margin-top:0px; margin-bottom:2px; } @media (min-width: 768px) { .pprocess09coltwob { width:0px; height:0px; margin-top:0px; margin-bottom:2px;}} @media (min-width: 992px) { .pprocess09coltwob { width:218px; height:0px; margin-top:2px; margin-bottom:0px;}} @media (min-width: 1200px) { .pprocess09coltwob {width:265px; height:0px; margin-top:3px; margin-bottom:0px;}} @media (min-width: 1500px) { .pprocess09coltwo {width:296px; height:0px; margin-top:4px; margin-bottom:0px;}} .feedmilling01{display:inline-block; font-size:0px; margin:auto; width:95%; height:120px; text-align:center; margin-top:15px; background-image: url("storage/images/feedmilling01.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .feedmilling01 {width:423px; height:145px; margin-top:15px}} @media (min-width: 992px) { .feedmilling01 {width:523px; height:179px; margin-top:7px}} @media (min-width: 1200px) { .feedmilling01 {width:523px; height:179px; margin-top:7px}} @media (min-width: 1500px) { .feedmilling01 {width:623px; height:213px; margin-top:8px}} .feedmilling010{display:inline-block; font-size:0px; margin:auto; width:0px; height:0px; text-align:center; margin-top:0px;} @media (min-width: 768px) { .feedmilling010 {width:0px; height:0px; margin-top:15px}} @media (min-width: 992px) { .feedmilling010 {width:195px; height:179px; margin-top:7px}} @media (min-width: 1200px) { .feedmilling010 {width:395px; height:179px; margin-top:7px}} @media (min-width: 1500px) { .feedmilling010 {width:517px; height:213px; margin-top:8px}} .coltwentyone{ width:95%; height:100px; margin:auto; text-align:center; background-color:#e11f27; color:#ffffff; font-size:20px; padding:15px 15px 25px 15px; margin-top:0px; vertical-align:top; line-height:110%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .coltwentyone {width:570px; height:163px; font-size:22px; padding:20px 20px 30px 20px; margin-top:0px;}} @media (min-width: 992px) { .coltwentyone {display:inline-block;width:600px; height:180px; text-align:left; font-size:28px; padding:25px 0px 0px 60px; margin-top:0px;}} @media (min-width: 1200px) { .coltwentyone {width:800px; height:190px; font-size:30px; padding:30px 30px 30px 70px; margin-top:0px;}} @media (min-width: 1500px) { .coltwentyone {width:990px; height:222px; font-size:34px; padding:40px 40px 40px 70px; margin-top:0px;}} .coltwentytwo{ width:0px; height:0px; margin:auto; vertical-align:top; margin-top:0px;} @media (min-width: 768px) { .coltwentytwo {width:0px; height:0px; margin-top:0px;}} @media (min-width: 992px) { .coltwentytwo {display:inline-block;width:120px; height:180px; margin-top:20px;}} @media (min-width: 1200px) { .coltwentytwo {width:118px; height:191px; margin-top:25px;}} @media (min-width: 1500px) { .coltwentytwo {width:180px; height:191px; margin-top:25px;}} .preparingicon{ width:130px; height:129px; text-align:center; margin:auto; margin-top:-32px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/preparingicon.png"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .preparingicon {width:150px; height:149px; margin-top:-55px; }} @media (min-width: 992px) { .preparingicon { display:inline-block; width:175px; height:174px; margin-top:-144px;}} @media (min-width: 1200px) { .preparingicon {width:175px; height:174px; margin-top:-151px; }} @media (min-width: 1500px) { .preparingicon {width:190px; height:189px; margin-top:-136px; margin-left:25px}} .preparingiconcol{ width:0px; height:0px; margin:auto; vertical-align:top; margin-top:0px;} @media (min-width: 768px) { .preparingiconcol {width:0px; height:0px; margin-top:0px;}} @media (min-width: 992px) { .preparingiconcol {display:inline-block; width:473px; height:40px; margin-top:0px;}} @media (min-width: 1200px) { .preparingiconcol {width:660px; height:50px; margin-top:-151px;}} @media (min-width: 1500px) { .preparingiconcol {width:815px; height:70px; margin-top:-193px;}} .preparing01{font-size:0px; margin:auto; width:90%; height:190px; margin-top:15px; text-align:center; background-image: url("storage/images/preparing01.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .preparing01 {width:90%; height:260px; margin-top:15px}} @media (min-width: 992px) { .preparing01 {width:720px; height:280px; margin-top:0px}} @media (min-width: 1200px) { .preparing01 {width:920px; height:357px;}} @media (min-width: 1500px) { .preparing01 {width:1170px; height:454px;}} .preparing02{ display:inline-block;font-size:0px; margin:auto; width:195px; height:130px; margin-top:4px; text-align:center; background-image: url("storage/images/preparing02.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .preparing02 {width:292px; height:195px; margin-top:4px}} @media (min-width: 992px) { .preparing02 {width:300px; height:200px; margin-top:6px}} @media (min-width: 1200px) { .preparing02 {width:399px; height:250px; margin-top:9px;}} @media (min-width: 1500px) { .preparing02 {width:502px; height:342px; margin-top:9px;}} .preparing03{ display:inline-block;font-size:0px; margin:auto; width:250px; height:130px; margin-top:4px; margin-left:4px; text-align:center; background-image: url("storage/images/preparing03.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .preparing03 {width:373px; height:195px; margin-top:4px; margin-left:4px}} @media (min-width: 992px) { .preparing03 {width:414px; height:200px; margin-top:6px; margin-left:6px}} @media (min-width: 1200px) { .preparing03 {width:512px; height:250px; margin-top:9px; margin-left:9px}} @media (min-width: 1500px) { .preparing03 {width:659px; height:342px; margin-top:9px; margin-left:9px}} .preparing04{ font-size:0px; margin:auto; width:211px; height:78px; margin-top:4px; vertical-align:top; text-align:center; background-image: url("storage/images/preparing04.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .preparing04 {width:318px; height:117px; margin-top:4px; margin-bottom:0px}} @media (min-width: 992px) { .preparing04 {display:inline-block; width:358px; height:118px; margin-top:6px; margin-bottom:70px}} @media (min-width: 1200px) { .preparing04 {width:460px; height:160px; margin-top:9px; margin-bottom:80px}} @media (min-width: 1500px) { .preparing04 {width:526px; height:200px; margin-top:9px; margin-bottom:80px}} .preparing05{ font-size:0px; margin:auto; width:234px; height:78px; margin-top:4px; margin-bottom:0px; text-align:center; background-image: url("storage/images/preparing05.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .preparing05 {width:352px; height:117px; margin-top:4px; margin-bottom:0px}} @media (min-width: 992px) { .preparing05 {display:inline-block; width:360px; height:118px; margin-top:6px; margin-left:1px; margin-bottom:70px}} @media (min-width: 1200px) { .preparing05 {width:458px; height:160px; margin-top:9px; margin-left:2px; margin-bottom:80px}} @media (min-width: 1500px) { .preparing05 {width:642px; height:200px; margin-top:9px; margin-left:2px; margin-bottom:80px}} .onlycontainertwo{margin:auto; width:90%; text-align:center; font-size:0px;} @media (min-width: 768px) { .onlycontainertwo {width:90%;}} @media (min-width: 992px) { .onlycontainertwo {width:720px;}} @media (min-width: 1200px) { .onlycontainertwo {width:920px;}} @media (min-width: 1500px) { .onlycontainertwo {width:1170px;}} .colthreebtextthree{ max-width:90%; color:#494949; font-size:14px; padding-top:0px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .colthreebtextthree {max-width:80%; font-size:14.5px; padding-top:0px}} @media (min-width: 992px) { .colthreebtextthree {display:inline-block; text-align:left; max-width:600px; font-size:15px; padding-top:0px; padding-left:110px;}} @media (min-width: 1200px) { .colthreebtextthree {max-width:550px; font-size:15px; padding-left:0px; padding-top:0px}} @media (min-width: 1500px) { .colthreebtextthree {max-width:760px; font-size:16px; padding-left:36px; padding-top:0px}} .colonebqalab{ width:0%; height:0px; font-size:0px; vertical-align:top} @media (min-width: 768px) { .colonebqalab {width:0px; height:0px; }} @media (min-width: 992px) { .colonebqalab {display:inline-block; width:120px; height:180px; }} @media (min-width: 1200px) { .colonebqalab {width:120px; height:190px; }} @media (min-width: 1500px) { .colonebqalab {width:180px; height:222px; }} .coltwobqalab{ display:inline-block; width:90%; height:100px; margin-top:40px; background-color:#e11f27;} @media (min-width: 768px) { .coltwobqalab {width:570px; height:163px; margin-top:50px; text-align:left}} @media (min-width: 992px) { .coltwobqalab {width:600px; height:180px; margin-top:60px;}} @media (min-width: 1200px) { .coltwobqalab {width:800px; height:190px; margin-top:70px;}} @media (min-width: 1500px) { .coltwobqalab {width:990px; height:222px; margin-top:70px;}} .qalabicon{ display:inline-block;width:130px; height:129px; text-align:center; margin:auto; margin-left:4%; margin-top:-50px; margin-bottom:-30px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/poultryprocessingicon.png"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .qalabicon { text-align:center; margin:auto; width:150px; height:149px; margin-top:-81px; margin-bottom:-15px}} @media (min-width: 992px) { .qalabicon { width:175px; height:174px; margin-top:-142px; margin-top:-81px; margin-left:-340px; margin-bottom:-20px}} @media (min-width: 1200px) { .qalabicon {width:175px; height:174px; margin-top:-190px; margin-top:-81px; margin-left:-330px; margin-bottom:-25px}} @media (min-width: 1500px) { .qalabicon {width:190px; height:189px; margin-top:-190px; margin-top:-81px; margin-left:-330px; margin-bottom:-25px}} .qalabcol{ display:inline-block; width:0px; height:0px; text-align:center; margin:auto;} @media (min-width: 768px) { .qalabcol { width:0px; height:0px; }} @media (min-width: 992px) { .qalabcol { width:50px; height:101px; }} @media (min-width: 1200px) { .qalabcol {width:120px; height:126px; }} @media (min-width: 1500px) { .qalabcol {width:324px; height:126px; }} .qalab01{ display:inline-block;width:95%; height:61px; background-color:#f7f7f7; text-align:center; margin:auto; margin-top:0px; margin-bottom:0px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/qalab01.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .qalab01 { width:490px; height:86px; margin-top:0px; margin-bottom:0px; }} @media (min-width: 992px) { .qalab01 { width:670px; height:117px; margin-top:0px; margin-bottom:0px; }} @media (min-width: 1200px) { .qalab01 {width:800px; height:123px; margin-top:0px; margin-bottom:0px; }} @media (min-width: 1500px) { .qalab01 {width:816px; height:143px; margin-top:0px; margin-bottom:0px; }} .delivery01{ display:inline-block;font-size:0px; margin:auto; width:179px; height:185px; margin-top:40px; text-align:center; background-image: url("storage/images/delivery01.jpg"); background-size:cover;background-position: center bottom;} @media (min-width: 768px) { .delivery01 {width:330px; height:268px; margin-top:54px;}} @media (min-width: 992px) { .delivery01 {width:330px; height:268px; margin-top:65px;}} @media (min-width: 1200px) { .delivery01 {width:470px; height:400px; margin-top:74px;}} @media (min-width: 1500px) { .delivery01 {width:557px; height:460px; margin-top:74px;}} .delivery02{ display:inline-block;font-size:0px; margin:auto; width:171px; height:185px; margin-top:30px; text-align:center; background-image: url("storage/images/delivery02.jpg"); background-size:cover;background-position: center bottom;} @media (min-width: 768px) { .delivery02 {width:390px; height:268px; margin-top:35px;}} @media (min-width: 992px) { .delivery02 {width:390px; height:268px; margin-top:38px;}} @media (min-width: 1200px) { .delivery02 {width:450px; height:400px; margin-top:42px;}} @media (min-width: 1500px) { .delivery02 {width:613px; height:460px; margin-top:42px;}} .coltwentythree{ width:90%; height:100px; margin:auto; background-color:#e11f27; color:#ffffff; font-size:20px; padding:15px 15px 20px 15px; text-align:center; vertical-align:top; line-height:110%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .coltwentythree {width:570px; height:163px; font-size:22px; text-align:left; padding:20px 20px 25px 20px; }} @media (min-width: 992px) { .coltwentythree {width:720px; height:180px; text-align:left; font-size:28px; padding:25px 0px 0px 35px;}} @media (min-width: 1200px) { .coltwentythree {width:920px; height:190px; font-size:30px; padding:30px 30px 30px 40px;}} @media (min-width: 1500px) { .coltwentythree {width:1170px; height:222px; font-size:34px; padding:40px 40px 40px 50px;}} .deliveryicon{ display:inline-block;width:200px; height:137px; text-align:center; margin:auto; margin-top:-40px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/deliveryicon.png"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .deliveryicon { text-align:left; margin:0px; width:220px; height:151px; margin-top:-110px; }} @media (min-width: 992px) { .deliveryicon { width:220px; height:151px; margin-top:-110px;}} @media (min-width: 1200px) { .deliveryicon {width:250px; height:172px; margin-top:-120px; }} @media (min-width: 1500px) { .deliveryicon {width:284px; height:195px; margin-top:-140px; }} .deliveryiconcol{ display:inline-block; width:0px; height:0px; margin:auto; vertical-align:top;} @media (min-width: 768px) { .deliveryiconcol {width:450px; height:0px; margin-top:-78px;}} @media (min-width: 992px) { .deliveryiconcol {width:500px; height:151px; margin-top:-95px;}} @media (min-width: 1200px) { .deliveryiconcol {width:600px; height:200px; margin-top:-121px;}} @media (min-width: 1500px) { .deliveryiconcol {width:800px; height:200px; margin-top:-121px;}} .deliverytext{ width:90%; color:#494949; font-size:14px; padding:0px 0px 30px 0px; text-align:center; margin:auto; vertical-align:top; line-height:170%; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;} @media (min-width: 768px) { .deliverytext { width:90%; font-size:14.5px; padding:0px 0px 40px 0px; margin-top:-12px}} @media (min-width: 992px) { .deliverytext {width:642px;font-size:15px; text-align:left; padding:0px 70px 60px 0px; margin-top:-30px}} @media (min-width: 1200px) { .deliverytext {width:831px;font-size:15px; padding:0px 70px 70px 0px; margin-top:-35px}} @media (min-width: 1500px) { .deliverytext {width:1060px;font-size:16px; padding:0px 110px 70px 0px; margin-top:-35px}} .freedeliveryicon{ display:inline-block;width:250px; height:48px; background-size: 250px 48px; text-align:center; margin:auto; margin-top:25px; margin-bottom:25px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/freedeliveryicon.jpg"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .freedeliveryicon { text-align:left; margin:0px; background-size: 270px 52px; width:270px; height:52px; margin-top:25px; margin-bottom:25px;}} @media (min-width: 992px) { .freedeliveryicon { width:300px; height:57px; background-size: 300px 57px; margin-top:28px; margin-bottom:10px;}} @media (min-width: 1200px) { .freedeliveryicon {width:300px; height:57px; background-size: 300px 57px; margin-top:28px; margin-bottom:10px;}}}} @media (min-width: 1500px) { .freedeliveryicon {width:320px; height:61px; background-size: 320px 61px; margin-top:30px;}} .freedeliveryiconcol{ display:inline-block; width:0px; height:0px; margin:auto; vertical-align:top;} @media (min-width: 768px) { .freedeliveryiconcol {width:380px; height:0px; margin-top:25px; }} @media (min-width: 992px) { .freedeliveryiconcol {width:400px; height:90px; margin-top:28px;}} @media (min-width: 1200px) { .freedeliveryiconcol {width:540px; height:95px; margin-top:30px;}} .gpicon{ display:inline-block; width:130px; height:129px; text-align:center; margin:auto; margin-top:10px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/gpicon.png"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .gpicon { width:150px; height:149px; text-align:right; margin-top:-51.2px; margin-left:81.9%;}} @media (min-width: 992px) { .gpicon {width:175px; height:174px; margin:0px; text-align:right; margin-top:-70.2px; margin-left:61.2%;}} @media (min-width: 1200px) { .gpicon {width:175px; height:174px; margin:0px; text-align:right; margin-top:-78.2px; margin-left:83.6%;}} @media (min-width: 1500px) { .gpicon {width:190px; height:189px; margin:0px; text-align:right; margin-top:-80.2px; margin-left:85%;}} .parenticon{ display:inline-block; width:130px; height:129px; text-align:center; margin:auto; margin-top:-10px; vertical-align:top; background-repeat:no-repeat; background-image: url("storage/images/parenticon.png"); background-size:cover;background-position: center top;} @media (min-width: 768px) { .parenticon { width:150px; height:149px; text-align:right; margin-top:-48.2px; margin-left:71.6%;}} @media (min-width: 992px) { .parenticon {width:175px; height:174px; margin:0px; text-align:right; margin-top:-61.2px; margin-left:51.2%;}} @media (min-width: 1200px) { .parenticon {width:175px; height:174px; margin:0px; text-align:right; margin-top:-61.2px; margin-left:71.2%;}} @media (min-width: 1500px) { .parenticon {width:190px; height:189px; margin:0px; text-align:right; margin-top:-62.2px; margin-left:75.2%;}} .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #9c9b9b; -webkit-box-shadow: 0 15px 10px #9c9b9b; -moz-box-shadow: 0 15px 10px #9c9b9b; box-shadow: 0 15px 10px #9c9b9b; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right:10px; left: auto; } #sidebar.affix { top: 20px; right:0px; padding-right:0px; } /* sidebar */ .bs-docs-sidebar { padding-left: 0px; margin-top: 20px; margin-bottom: 20px; } /* all links */ .bs-docs-sidebar .nav>li>a{ color: #898989; height:10px; padding:2px 8px 0px 10px !important; font-size: 14px; font-family:'Myriad W01 Regular','Open Sans',arial,sans-serif; line-height:100%; border-left: 2px solid transparent; } /* nested links */ .bs-docs-sidebar .nav .nav>li>a{ padding-top: 10px !important; padding-bottom: 5px !important; padding-left: 10px !important; padding-right: 10px !important; font-size: 14px; background-color: #ffffff; } /* active & hover links */ .bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>li>a:hover, .bs-docs-sidebar .nav>li>a:focus { color: #898989; text-decoration: none; font-family:'Myriad W01 Regular','Open Sans',arial,sans-serif; border-left-color: #df2027; } /* all active links */ .bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>.active:hover>a, .bs-docs-sidebar .nav>.active:focus>a { font-family:'Myriad W01 Regular','Open Sans',arial,sans-serif; background-color: #df2027; color: #ffffff; } /* nested active links */ .bs-docs-sidebar .nav .nav>.active>a, .bs-docs-sidebar .nav .nav>.active:hover>a, .bs-docs-sidebar .nav .nav>.active:focus>a { font-family:'Myriad W01 Regular','Open Sans',arial,sans-serif; } /* hide inactive nested list */ .bs-docs-sidebar .nav ul.nav { display: none; } /* show active nested list */ .bs-docs-sidebar .nav>.active>ul.nav { display: block; }