responsive.css 95 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291
  1. /* Theme Responsive Css */
  2. @media only screen and (max-width: 5000px){
  3. .boxed_wrapper{
  4. overflow-x: hidden;
  5. }
  6. }
  7. @media only screen and (max-width: 1799px){
  8. .testimonial-style-four .testimonial-content .inner-box .icon-box{
  9. display: none;
  10. }
  11. .testimonial-style-four .testimonial-inner{
  12. left: 0px;
  13. }
  14. .testimonial-style-four .testimonial-content{
  15. margin: 25px 0px;
  16. }
  17. }
  18. @media only screen and (max-width: 1440px){
  19. .banner-style-six .image-shap {display:none;}
  20. .banner-style-six .image-layer {width: 87%;}
  21. .banner-style-six .image-box {margin-right: 0;}
  22. .phpsupport.banner-section .image-box .image-1 {right: -54px;}
  23. .phpsupport.banner-section .image-box img {max-width: 700px;}
  24. .banner-style-11 {padding-top:250px;}
  25. .elastic .vector-image .image-2 {right:2%; width:44%;}
  26. .elastic .content-box {width:52%;}
  27. .searchengine.banner-style-six .image-box {margin-right:-490px;}
  28. .platform .image-box {margin-right: 0; margin-left: -100px; top: 50px;}
  29. }
  30. @media only screen and (max-width: 1200px){
  31. .main-header .container {padding:0 60px;}
  32. .main_header .container {padding:30px 60px;}
  33. .menu-area .mobile-nav-toggler {display: block; margin-top: 38px; padding: 10px;}
  34. .main-header.style-four .menu-area .mobile-nav-toggler .icon-bar{background:var(--black);}
  35. .main_header.style-four .menu-area .mobile-nav-toggler .icon-bar{background: #fff;}
  36. .dabory-quick-B {right: 0!important; left: 0; top: auto!important; bottom: 0; transform: translate(0, 0) !important; border: none!important; border-top: 1px solid #e1e1e1!important; border-radius: 0!important; padding: 0px 7px!important; box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.1);}
  37. .dabory-quick-B ul {display:flex;}
  38. .dabory-quick-B li {flex:auto; border-bottom:none!important;}
  39. .dabory-quick-B li:first-of-type {display:none;}
  40. .dabory-quick-B li:last-of-type {position:absolute; top:-60px; right:0;}
  41. .dabory-quick-B ul > li .ico.ico-bottom,
  42. .dabory-quick-B ul > li .ico.ico-top {width: 40px!important; height: 40px!important; background-color: #1c2f5e; border-radius: 50px; background-repeat: no-repeat; background-position: center; background-image: url(image/r_quick_ico1_mob.png) !important;}
  43. .dabory-quick-B ul > li img {width:20px!important; height:20px!important;}
  44. .quick_kbgolf {border-top:none!important; box-shadow:none!important;}
  45. .quick_kbgolf li {display:flex; justify-content:center; margin:0 2px;}
  46. .quick_kbgolf li:nth-child(2) { justify-content:flex-start;}
  47. .quick_kbgolf dl {display:flex; height:100%;}
  48. .quick_kbgolf dt {display:flex; align-items:center; padding:10px 20px;}
  49. .quick_kbgolf dd {display:flex; flex-direction:column; justify-content:center; padding:10px 20px; text-align:left;}
  50. .sub, .sub_wrap {padding-top:187px;}
  51. .sub_wrap .title {padding-left:var(--side-space); padding-right:var(--side-space);}
  52. .inquiry select {width:62%;}
  53. .inquiry .price input {width:30%;}
  54. .about .conts_box {width:60%;}
  55. .about .img_box {width:40%;}
  56. .comments .row {margin-left:var(--side-space); margin-right:var(--side-space);}
  57. /*지워도 됨
  58. .banner-section .image-box .image-2{display: none;}
  59. .banner-style-six:before{display: none;}
  60. .banner-style-six .content-box h2 {margin-top: 116px;}
  61. .banner-style-six .image-box{margin-right: -100%; right:20%;}
  62. .banner-style-six .image-layer{width: 100%;}
  63. .feature2.row,
  64. .feature-style-11 .inner-box .row {margin-left:15px; margin-right:15px;}
  65. .kkcrm_visual .image-box {right:0; margin-right:0; margin-left:-50px; margin-top:120px;}
  66. .service-style-three .col-lg-4 {flex: 0 0 50%; max-width: 50%;}
  67. .service-style-three .single-column{padding: 0px 15px;}
  68. .service-style-three .inner-container{margin: 0px;}
  69. .service-style-three .row {justify-content: flex-start;}
  70. .work-section .feature1 .col-lg-3 {flex: 0 0 50%; max-width: 50%; margin-bottom: 30px}
  71. .work-section .feature1 .single-item .inner-box {min-height: 290px;}
  72. .phpsupport.reasons-section .inner-content {padding-top:0;}
  73. .shop_solution.banner-section {padding-top:200px;}
  74. .shop_solution.reasons-section .inner-content {padding-top:0;}
  75. .searchengine.banner-style-six {padding: 160px 0px 260px 0px;}
  76. .searchengine.banner-style-six .content-box {margin-top: 30px;}
  77. .searchengine.banner-style-six .image-box {margin-right: -220px; top: 72px; right: 80px;}
  78. .elastic .content-box h1 {font-size:40px;}
  79. .banner-style-seven {padding-top:180px;}
  80. .banner-style-seven .image-layer {width: 110%;}
  81. .banner-style-seven .content-box {margin-left:50px;}
  82. .banner-style-seven .image-box .image {margin-left:-120px;}
  83. .banner-style-five {padding-top:180px; padding-bottom:200px;}
  84. .banner-style-five .content-box {margin-left:50px;}
  85. .banner-style-five .content-box h1 {font-size:40px;}
  86. .banner-style-five .content-box h2 {font-size:18px;}
  87. .banner-style-five .image-box .image-2 {margin-left:0; right:0;}
  88. .erp.Slogan-section .wraper {margin-top:0;}
  89. */
  90. .slider-area .carousel-inner .carousel-item .carousel-captions .content {margin-top:145px;}
  91. .main_slider_wrapper .container {max-width:860px;}
  92. .main_slider_wrapper .col-xl-6:first-child {-ms-flex: 0 0 66.66666%; flex: 0 0 66.66666%; max-width: 66.66666%;}
  93. .main_slider_wrapper .col-xl-6:last-child { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
  94. .slider_main_img_wrapper {left:-325px;}
  95. .slider_main_img_wrapper img {width:100%; margin-left: 140px; }
  96. .slider-area .carousel-inner .carousel-item .caption-1, .slider-area .carousel-inner .carousel-item .caption-2, .slider-area .carousel-inner .carousel-item .caption-3{
  97. min-height:780px;
  98. }
  99. .header_btn li:first-child a{
  100. margin-right:14px;
  101. }
  102. .header_btn li:first-child a{
  103. width:100px;
  104. }
  105. .header_btn li:last-child a{
  106. width:100px;
  107. }
  108. .comapnay_content_wrapper h1{
  109. margin-top:0;
  110. }
  111. .header_btn li:first-child a {width: 95px; margin-right: 8px;}
  112. .pinmenu .image-box .image {margin-left:10px;}
  113. .pinmenu .image-column figure {width:100%; height:100%; padding-top:100%;}
  114. .platform .image-box { margin-right: -157px; right: 10%; margin-left: 0;}
  115. .platform .content-box h2 {margin-top:80px;}
  116. .platform .content-box h1 {font-size:42px;}
  117. .feature-section .content-box{
  118. padding-top: 0px;
  119. }
  120. .feature-style-three .inner-box:first-child .image-box .image-2{
  121. left: 0px;
  122. }
  123. .feature-style-three .inner-box:first-child .content-box{
  124. margin-right: 0px;
  125. }
  126. .feature-style-three .inner-box:first-child .image-box:before,
  127. .feature-style-three .inner-box:first-child .image-box:after,
  128. .feature-style-three .inner-box:last-child .image-box:before,
  129. .feature-style-three .inner-box:last-child .image-box:after,
  130. .pricing-section .tabs-content .tab .pricing-column .pricing-block-one .pricing-table:before,
  131. .pricing-block-one .pricing-table .table-header .price:before{
  132. display: none;
  133. }
  134. .feature-style-three .inner-box:last-child .content-box{
  135. margin-left: 0px;
  136. }
  137. .pricing-block-one .pricing-table .table-content li:before{
  138. display: none;
  139. }
  140. .pricing-block-one .pricing-table .table-content{
  141. padding: 37px 15px 20px 15px;
  142. text-align: center;
  143. }
  144. .pricing-block-one .pricing-table .table-footer{
  145. padding-left: 15px;
  146. text-align: center;
  147. }
  148. .testimonial-section .image-layer{
  149. top: 0px;
  150. }
  151. .download-section .content-box .download-btn .app-store-btn{
  152. margin-right: 10px;
  153. }
  154. .anim-icons{
  155. display: none !important;
  156. }
  157. .main-header .nav-box{
  158. display: none;
  159. }
  160. .banner-style-two .image-box .image{
  161. margin-left: 0px;
  162. }
  163. .feature-style-four .inner-box:first-child .content-box{
  164. margin-right: 0px;
  165. }
  166. .feature-style-four .inner-box:nth-child(2) .content-box{
  167. margin-left: 0px;
  168. }
  169. .feature-style-four .inner-box:first-child .content-box {
  170. padding-top: 40px;
  171. }
  172. .feature-style-four .inner-box .image-box:before{
  173. display: none;
  174. }
  175. .feature-style-four .inner-box:nth-child(3) .image-box{
  176. padding: 0px;
  177. }
  178. .testimonial-style-two .video-inner{
  179. margin-left: 0px;
  180. }
  181. .make-difference .image-box{
  182. margin: 0px;
  183. }
  184. .main-header .menu-area .btn-box{
  185. margin-left: 30px;
  186. }
  187. .main-header .main-menu .navigation > li {
  188. margin: 0px 15px;
  189. }
  190. .banner-style-three .image-box{
  191. margin-left: 0px;
  192. }
  193. .banner-style-three .image-layer {
  194. background-position: center;
  195. width: 100%;
  196. }
  197. .inside-software .inner-content .single-column{
  198. padding: 0px 15px;
  199. }
  200. .inside-software .inner-content{
  201. margin: 0px;
  202. padding: 0px;
  203. }
  204. .inside-software .content-box .text{
  205. padding-right: 0px;
  206. }
  207. #content_block_14 .content-box{
  208. margin-left: 0px !important;
  209. }
  210. .testimonial-style-three .thumb-box{
  211. display: none;
  212. }
  213. .testimonial-style-three .image-layer{
  214. width: 100%;
  215. }
  216. .banner-style-four .image-box{
  217. margin-left: 0px;
  218. }
  219. .service-style-two .inner-content .service-block{
  220. padding: 0px 15px;
  221. }
  222. .service-style-two .inner-content{
  223. margin: 0px;
  224. }
  225. .testimonial-style-four .testimonial-content .inner-box{
  226. min-height: 440px;
  227. }
  228. .pricing-style-three .tab .pricing-block-two:last-child{
  229. display: none;
  230. }
  231. .pricing-style-three {
  232. padding-top: 150px;
  233. }
  234. .main-header .menu-right-content {
  235. margin-left: 30px;
  236. }
  237. .banner-style-five .image-box{
  238. min-height: auto;
  239. margin: 0px;
  240. }
  241. .download-apps .image-box:before,
  242. .testimonial-style-five .testimonial-content .inner-box .icon-box{
  243. display: none;
  244. }
  245. .download-apps .content-box .download-btn .app-store-btn{
  246. margin-right: 20px;
  247. }
  248. .application-setup .single-column:nth-child(2){
  249. padding-top: 0px;
  250. }
  251. .optimization-application .content-box{
  252. padding-top: 0px;
  253. }
  254. .project-inquiry .content-inner .lower-content{
  255. margin-left: 0px;
  256. }
  257. .project-inquiry .content-inner .inner-content{
  258. padding: 0px;
  259. margin: 0px;
  260. }
  261. .project-inquiry .content-inner .inner-content .single-column{
  262. padding: 0px 15px;
  263. }
  264. .project-inquiry .content-inner .content-box{
  265. padding-top: 15px;
  266. }
  267. .project-inquiry .content-inner .inner-content .single-column:last-child{
  268. padding-top: 0px;
  269. }
  270. .testimonial-style-six .owl-nav{
  271. bottom: 0px;
  272. }
  273. .feature-style-seven{
  274. padding-top: 150px;
  275. }
  276. .feature-style-seven:before,
  277. .feature-style-seven:after{
  278. display: none;
  279. }
  280. .enterprise-section .single-item .inner-box,
  281. .enterprise-section .single-column:nth-child(2) .single-item .inner-box,
  282. .enterprise-section .single-column:nth-child(3) .single-item .inner-box{
  283. padding: 50px 30px;
  284. }
  285. .enterprise-section .single-item .inner-box .image-box,
  286. .enterprise-section .single-column:nth-child(2) .single-item .inner-box .image-box,
  287. .enterprise-section .single-column:nth-child(3) .single-item .inner-box .image-box{
  288. position: relative;
  289. right: 0px;
  290. bottom: 0px;
  291. left: 0px;
  292. margin-bottom: 30px;
  293. }
  294. .banner-style-eight .image-layer{
  295. width: 100%;
  296. background-position: bottom center;
  297. }
  298. .banner-style-eight{
  299. padding-top: 200px;
  300. }
  301. .reasons-section .inner-content .single-column,
  302. .dashboard-feature .inner-content .feature-column,
  303. .dashboard-feature .inner-content,
  304. .banner-style-ten{
  305. padding-top: 200px;
  306. }
  307. .check-work .inner-box .check-form .form-group input[type='text'],
  308. .check-work .inner-box .check-form .form-group input[type='email']{
  309. max-width: 260px;
  310. }
  311. .main-footer.style-four:before,.main-footer.style-four:after{
  312. display: none;
  313. }
  314. .testimonial-style-nine .testimonial-content{
  315. padding: 0px 100px;
  316. }
  317. .softwere-product .content-box{
  318. margin-right: 0px;
  319. }
  320. .testimonial-style-ten .user-thumb{
  321. margin: 0px;
  322. }
  323. .feature-style-ten .inner-container .inner-box .content-box:before{
  324. display: none;
  325. }
  326. .testimonial-style-ten .user-thumb{
  327. margin-bottom: 50px;
  328. }
  329. .testimonial-style-ten .content-box{
  330. margin-left: 0px;
  331. }
  332. .betterlook-section .content-box{
  333. margin-right: 0px;
  334. }
  335. .banner-style-12 .content-box{
  336. margin-right: 0px;
  337. }
  338. .banner-style-12 .image-box:before,
  339. .banner-style-13:before{
  340. display: none;
  341. }
  342. .designe-process-two .tab-btn-box .tab-btns li{
  343. width: 220px;
  344. }
  345. .designe-process-two .tabs-content .content-box{
  346. margin: 0px;
  347. }
  348. .banner-style-13 .image-layer{
  349. width: 100%;
  350. }
  351. .award-section .content-box .award-image{
  352. position: relative;
  353. left: 0px;
  354. top: 0px;
  355. margin-bottom: 50px;
  356. width: auto;
  357. }
  358. .award-section .content-box{
  359. padding: 40px 60px;
  360. text-align: center;
  361. }
  362. .feature-style-11 .inner-content .inner-box:first-child .image-box:before,
  363. .feature-style-11 .inner-content .inner-box:nth-child(2) .image-box:before,
  364. .feature-style-11 .inner-content .inner-box:nth-child(3) .image-box:before,
  365. .feature-style-11 .inner-content .inner-box:nth-child(4) .image-box:before,
  366. .feature-style-11 .inner-content .inner-box:last-child .image-box:before{
  367. display: none;
  368. }
  369. canvas{
  370. width: 200px !important;
  371. height: 200px !important;
  372. }
  373. .pricing-style-four .feature-inner .list li{
  374. padding: 25px 15px;
  375. }
  376. .testimonial-style-11 .inner-container:before{
  377. background-size: contain;
  378. }
  379. .testimonial-style-11 .inner-container{
  380. padding: 0px;
  381. }
  382. .testimonial-style-11 .inner-container .sec-title{
  383. padding: 0px 65px;
  384. }
  385. .testimonial-style-11 .inner-container .sec-title:before{
  386. display: none;
  387. }
  388. .testimonial-style-11 .testimonial-inner{
  389. padding-right: 120px;
  390. }
  391. .main-header.style-two .outer-container .main-box{
  392. padding: 0px 15px;
  393. }
  394. .main-header.style-two .main-menu .navigation > li{
  395. margin: 0px 10px;
  396. }
  397. .awesome-features .feature-block-two{
  398. margin: 30px 0px;
  399. }
  400. .powerful-management .inner-box{
  401. margin: 0px;
  402. }
  403. #content_block_37 .inner-box .company-list li a {
  404. width: 150px;
  405. }
  406. .main-header.home-15 .menu-right-content {
  407. margin-left: 15px;
  408. }
  409. .main-header.home-15 .menu-area .btn-box{
  410. margin-left: 15px;
  411. }
  412. .main-header.home-15 .search-box-outer {
  413. margin-right: 15px;
  414. }
  415. .main-header.home-15 .main-menu .navigation > li {
  416. margin: 0px 10px;
  417. }
  418. .feature-style-13 .inner-box .image-box:before{
  419. display: none;
  420. }
  421. .feature-style-13{
  422. padding-bottom: 100px;
  423. }
  424. .case-block-one .inner-box .image-box .box a{
  425. margin: 0px 15px;
  426. }
  427. .case-block-one .inner-box .image-box .box a:before{
  428. right: -18px;
  429. }
  430. .case-block-one .inner-box .lower-content{
  431. padding: 35px 0px;
  432. }
  433. .counter-style-three .inner-box{
  434. width: 200px;
  435. height: 200px;
  436. }
  437. .counter-style-three .inner-box:after{
  438. width: 220px;
  439. height: 220px;
  440. }
  441. .check-website:before,
  442. .check-website:after{
  443. display: none;
  444. }
  445. .banner-style-17 .image-layer,
  446. .banner-style-17:before{
  447. display: none;
  448. }
  449. .banner-style-17 .image-box{
  450. margin-left: 0px;
  451. }
  452. .rider-section .inner-content .inner-box .content-box .btn-box{
  453. display: block;
  454. }
  455. .rider-section .inner-content .inner-box .content-box .btn-box a{
  456. width: 240px;
  457. }
  458. .rider-section .inner-content .inner-box .content-box .btn-box .theme-btn-two{
  459. margin-bottom: 10px;
  460. }
  461. .news-style-two .news-block,
  462. .best-hosting .single-column{
  463. padding: 0px 15px;
  464. }
  465. .news-style-two .inner-content,
  466. .best-hosting .inner-content{
  467. padding: 0px;
  468. margin: 0px;
  469. }
  470. .banner-style-18 .content-box{
  471. margin-top: 50px;
  472. }
  473. .best-hosting .single-item .inner-box{
  474. padding-left: 30px;
  475. min-height: 450px;
  476. }
  477. .increase-website .content-box,
  478. .managed-wordpress .content-box{
  479. margin: 0px;
  480. }
  481. .service-style-four .service-block-three .inner-box{
  482. max-height: 100%;
  483. padding: 0px 30px 55px 30px;
  484. min-height: 380px;
  485. }
  486. .main-footer.style-six .about-widget .download-btn a{
  487. width: 175px;
  488. }
  489. .main-footer.style-six .about-widget .download-btn .app-store-btn{
  490. margin-bottom: 10px;
  491. }
  492. .banner-style-19 .content-box .btn-box a.btn-one{
  493. margin-right: 2px;
  494. }
  495. .popular-causes .image-box .image{
  496. position: relative;
  497. top: 0px;
  498. }
  499. .weworks-section .inner-box .single-column{
  500. padding: 0px 15px;
  501. }
  502. .weworks-section .inner-box:before,
  503. .social-fundraising .image-box:before,
  504. .donate-section:before,
  505. .donate-section:after{
  506. display: none;
  507. }
  508. .social-fundraising .content-box{
  509. margin: 0px;
  510. }
  511. #content_block_52 .content-box .events-slide .single-item .inner-box{
  512. padding: 30px 120px 30px 30px;
  513. }
  514. #content_block_52 .content-box .events-slide .single-item .date{
  515. padding: 40px 30px 30px 20px;
  516. }
  517. #content_block_52 .content-box .bx-viewport{
  518. min-height: 580px !important;
  519. }
  520. .main-header.style-four .menu-area .btn-box,
  521. .main-header.style-four .menu-right-content .nav-btn{
  522. margin-left: 15px;
  523. }
  524. .main-header.style-four .search-box-outer {
  525. margin-right: 15px;
  526. }
  527. .main-header.style-four .menu-right-content{
  528. margin-left: 20px;
  529. }
  530. .main-header.style-four .main-menu .navigation > li{
  531. margin: 0px 12px;
  532. }
  533. .faq-section .faq-sidebar{
  534. margin-right: 0px;
  535. }
  536. .subscribe-style-five .content-box{
  537. margin-left: 0px;
  538. }
  539. .pricing-section .pricing-column{
  540. padding: 0px 15px;
  541. }
  542. .pricing-section .tabs-box{
  543. margin: 0px;
  544. }
  545. .contact-section .info-content .single-info-box{
  546. padding: 0px;
  547. }
  548. .management-section .tabs-content .image-box{
  549. min-height: auto;
  550. }
  551. .testimonial-style-five .owl-dots{
  552. display: none;
  553. }
  554. #content_block_40 .inner-box .single-item:nth-child(2){
  555. margin-left: 0px;
  556. }
  557. .crypto-service .inner-content .single-column{
  558. padding: 0px 15px;
  559. }
  560. .timeline-work .inner-content .single-item{
  561. width: 33.333%;
  562. margin: 30px 0px;
  563. }
  564. .pricing-block-two .pricing-table .choice-box{
  565. display: none;
  566. }
  567. .feature-style-ten .inner-container .inner-box:first-child .image-box,
  568. .feature-style-ten .inner-container .inner-box:nth-child(2) .content-box,
  569. .feature-style-ten .inner-container .inner-box:nth-child(3) .image-box,
  570. .feature-style-ten .inner-container .inner-box:last-child .content-box{
  571. margin-left: 0px;
  572. }
  573. .feature-style-ten .inner-container .inner-box:first-child .content-box,
  574. .feature-style-ten .inner-container .inner-box:nth-child(2) .image-box,
  575. .feature-style-ten .inner-container .inner-box:nth-child(3) .content-box,
  576. .feature-style-ten .inner-container .inner-box:last-child .image-box,
  577. .software-product .content-box{
  578. margin-right: 0px;
  579. }
  580. .main-header.home-19 .menu-area .btn-box{
  581. margin-left: 30px;
  582. }
  583. .chicklet-list li.other-amount{
  584. width: 100%;
  585. }
  586. .chicklet-list li span{
  587. position: relative;
  588. left: 0px;
  589. top: 0px;
  590. margin-right: 15px;
  591. }
  592. .news-block-three .inner-box .lower-content h3{
  593. font-size: 20px;
  594. line-height: 30px;
  595. }
  596. .testimonial-style-four .testimonial-content .inner-box .author-info .name{
  597. font-size: 16px;
  598. }
  599. .testimonial-style-four .testimonial-content .inner-box .author-info .designation{
  600. font-size: 12px;
  601. }
  602. .testimonial-style-six .inner-box{
  603. top: 80px;
  604. }
  605. .banner-style-12:after{
  606. display: none;
  607. }
  608. #iamge_block_02 .image-2{
  609. left: -15PX;
  610. }
  611. #iamge_block_03 .image-box .bg-layer{
  612. left: -150px;
  613. }
  614. .pricing-section .tabs-content .tab .pricing-column .pricing-block-one .pricing-table .image{
  615. display: none;
  616. }
  617. .pricing-block-one .pricing-table .table-content li{
  618. padding-left: 0px;
  619. }
  620. .pricing-block-one .pricing-table .table-footer{
  621. padding-bottom: 40px;
  622. }
  623. #content_block_05 .content-box .download-btn .app-store-btn{
  624. margin-right: 20px;
  625. }
  626. .feature-style-five .inner-box:nth-child(2){
  627. margin-bottom: 100px;
  628. }
  629. #content_block_16 .content-box .download-btn .app-store-btn{
  630. margin-right: 20px;
  631. }
  632. .feature-style-ten .inner-container .inner-box .content-box .bg-layer{
  633. display: none;
  634. }
  635. #content_block_30 .content-box{
  636. margin-right: 0px;
  637. }
  638. #image_block_34 .image-box img{
  639. max-width: 100%;
  640. width: 100%;
  641. float: none;
  642. }
  643. .check-website .vactor-bg,
  644. .banner-style-17 .image-shap,
  645. .donate-section .pattern-box,
  646. #video_block_02 .inner-box .image-box .pattern-bg,
  647. .banner-style-19 .image-box .bg-layer,
  648. .banner-style-19 .image-bg{
  649. display: none;
  650. }
  651. .feature-style-13 .inner-box .content-box{
  652. margin-top: 0px;
  653. }
  654. .banner-style-19 .image-box{
  655. margin: 0px;
  656. }
  657. .banner-style-two .image-box{
  658. margin-left: 0px;
  659. }
  660. .nav-outer .mobile-nav-toggler{
  661. display: block;
  662. margin: 0;
  663. padding: 24px 0;
  664. }
  665. .main-header.home-4 .menu-area .mobile-nav-toggler .icon-bar{
  666. background: #fff;
  667. }
  668. .main-header.style-two .menu-area .mobile-nav-toggler{
  669. margin-top: 33px;
  670. }
  671. .main-header.style-two .menu-area .mobile-nav-toggler .icon-bar{
  672. background: #fff;
  673. }
  674. .main-menu{
  675. display: none !important;
  676. }
  677. .banner-style-two .image-layer,
  678. #image_block_06 .image-box .bg-layer,
  679. #image_block_07 .image-box .bg-layer,
  680. #content_block_08 .content-box .image,
  681. #content_block_10 .content-box .image{
  682. display: none;
  683. }
  684. .main-header .outer-container .logo-box .logo{
  685. padding: 30px 0px;
  686. }
  687. #image_block_08 .image-box, #image_block_09 .image-box{
  688. padding: 0px;
  689. }
  690. #content_block_07 .content-box{
  691. padding-top: 0px;
  692. }
  693. .feature-style-four .inner-box:last-child .content-box,
  694. #content_block_08 .content-box{
  695. margin-left: 0px;
  696. }
  697. #video_block_01 .video-inner{
  698. margin-left: 0px;
  699. }
  700. .main-header .menu-right-content{
  701. margin: 40px 15px 0px 0px;
  702. }
  703. .main-header.home-5 .menu-area .mobile-nav-toggler .icon-bar{
  704. background: #4527a4;
  705. }
  706. .main-header.home-3 .menu-area .btn-box{
  707. margin: 38px 15px 0px 0px;
  708. }
  709. .main-header .menu-area .btn-box{
  710. margin: 38px 15px 0px 0px;
  711. }
  712. .main-header.home-15 .menu-right-content{
  713. margin-top: 23px;
  714. }
  715. .main-header.home-16 .menu-area .btn-box {
  716. margin: 33px 15px 0px 0px;
  717. }
  718. .main-header.home-17 .menu-area .btn-box {
  719. margin-top: 32px;
  720. }
  721. .main-header.home-19 .menu-area .btn-box {
  722. margin: 32px 15px 0px 0px;
  723. }
  724. .sticky-header{
  725. display: none !important;
  726. }
  727. .feature-style-eight .pattern-bg,
  728. .service-style-three .image-layer,
  729. .solve-problem .image-layer,
  730. .banner-style-12 .image-box .bg-layer,
  731. .news-section.home-16 .pattern-bg{
  732. display: none;
  733. }
  734. #image_block_26 .image-box .bg-layer{
  735. display: none;
  736. }
  737. .main-header.style-four .menu-right-content{
  738. margin: 20px 15px 0px 0px;
  739. }
  740. .portfolio-details .content-box{
  741. margin-left: 0px;
  742. }
  743. .main-header.home-5 .menu-right-content .cart-box-outer a,
  744. .main-header.home-5 .search-box-btn{
  745. color: #222;
  746. }
  747. .main-footer.style-four .pattern-bg,
  748. .banner-style-five .pattern-layer{
  749. display: none;
  750. }
  751. }
  752. @media only screen and (max-width:1024px) {
  753. .main_solution .row {flex-direction:column-reverse;}
  754. .main_solution .main_column2 .row,
  755. .main_solution .main_column4 .row {flex-direction:column;}
  756. .main_solution .row > div {flex:0 0 100%; max-width:100%;}
  757. #image_block_24 .image-box img {float:none;}
  758. .main_solution figure{text-align: center;}
  759. .solve-problem {padding-bottom:60px;}
  760. #image_block_25 .image-box img {width:auto; margin:0;}
  761. .main_solution .dw_feature {padding-left:15px; padding-right:15px;}
  762. .main_solution .dw_feature .row {flex-direction:row;}
  763. .main_solution .dw_feature .row > div {max-width:none;}
  764. .main_solution .dw_feature .img_box {flex: 0 0 64px; width:64px;}
  765. .main_solution .dw_feature .text {flex:1;}
  766. .main_solution .main_column2 {margin-bottom:0;}
  767. .blog-content {padding:15px 0 0px;}
  768. .shop_solution.banner-section .image-box .image-1 {right: -345px;}
  769. .shop_solution.banner-section .content-box h1 {margin-top:10px; margin-bottom:0; font-size:60px; line-height:1.3;}
  770. .shop_solution.banner-section .content-box h2,
  771. shop_solution.banner-section .content-box h3 {font-size:38px;}
  772. .shop_solution .btn-box {margin-top:20px;}
  773. .slider_main_img_wrapper img {width:540px; margin-left: 180px;}
  774. .header_btn li:first-child a{
  775. width:95px; margin-right:8px;
  776. }
  777. .header_btn li:last-child a{
  778. width:95px;
  779. }
  780. .news_btn li:first-child a, .news_btn li:last-child a{
  781. width:150px;
  782. }
  783. .page-title {padding: 180px 0px 100px 0px;}
  784. .contact-section {padding: 80px 0px 100px 0px;}
  785. }
  786. @media only screen and (max-width: 991px){
  787. .main-header.style-four .outer-container .logo-box .logo {padding-top: 40px; width: 120px;}
  788. .main-header .menu-area .btn-box {margin: 37px 15px 0px 0px;}
  789. .margin_left_30{margin-left: 0px !important;}
  790. .margin_right_30{margin-right: 0px !important;}
  791. .margin_left_100{margin-left: 0px !important;}
  792. .m_quote .tabs li {width: calc(33.33% - 8px); margin: 4px;}
  793. .tb_vertical tbody .btn {max-width:80px;}
  794. .tb_vertical thead th,
  795. .tb_vertical tbody td {padding:15px 10px;}
  796. .tb_vertical tbody tr:first-of-type td {padding-top:20px;}
  797. .m_youtube .list li {width:50%;}
  798. .m_blog .list li {width:100%;}
  799. .quote {padding-left:0; padding-right:0;}
  800. .quote .tabs li {margin: 4px;}
  801. .golf .quote .tabs li {width: calc(25% - 8px);}
  802. .condo .quote .tabs li,
  803. .fitness .quote .tabs li {width: calc(33.33% - 8px);}
  804. .download-apps .image-box{
  805. margin: 0px;
  806. }
  807. .download-apps .image-box .image-2{
  808. position: relative;
  809. top: 0px;
  810. text-align: center;
  811. margin-bottom: 30px;
  812. }
  813. .download-apps.home-17 .image-box,
  814. #image_block_42 .image-box{
  815. margin: 0px 0px 30px 0px;
  816. }
  817. .download-apps .image-box .image-1{
  818. left: 0px;
  819. text-align: center;
  820. margin-bottom: 30px;
  821. }
  822. .innovative-idea .single-item .inner-box{
  823. padding-bottom: 30px;
  824. }
  825. #image_block_43 .image-box .bg-layer{
  826. display: none;
  827. }
  828. .application-setup .single-item{
  829. margin-bottom: 60px;
  830. }
  831. #image_block_43 .image-box{
  832. margin: 0px 0px 30px 0px;
  833. }
  834. .testimonial-style-five:before,
  835. .testimonial-style-five:after,
  836. #content_block_48 .inner-box .bg-layer,
  837. #image_block_44 .image-box .bg-layer{
  838. display: none;
  839. }
  840. .testimonial-style-five .testimonial-content .inner-box .author-info{
  841. padding: 0px;
  842. }
  843. .testimonial-style-five .testimonial-content .inner-box .author-info .image-box{
  844. position: relative;
  845. margin-bottom: 15px;
  846. }
  847. .recruitment-section .single-item .inner-box{
  848. margin-bottom: 30px;
  849. }
  850. .project-inquiry .image-inner .image-box .image-1{
  851. float: none;
  852. margin-bottom: 50px;
  853. }
  854. .project-inquiry .image-inner .image-box .image-1 img{
  855. width: 100%;
  856. }
  857. .project-inquiry .image-inner .image-box .image-2{
  858. position: relative;
  859. bottom: 0px;
  860. text-align: center;
  861. }
  862. .project-inquiry .image-inner{
  863. margin-bottom: 50px;
  864. }
  865. .project-inquiry .content-inner .single-item{
  866. margin-bottom: 50px;
  867. }
  868. .testimonial-style-six .testimonial-content .image-box:before{
  869. display: none;
  870. }
  871. .testimonial-style-six .testimonial-content .image-box{
  872. margin: 0px;
  873. }
  874. .testimonial-style-six .sec-title{
  875. margin: 0px 0px 50px 0px;
  876. padding: 0px;
  877. }
  878. .testimonial-style-six .inner-box{
  879. top: 0px;
  880. margin-top: 0px;
  881. }
  882. .testimonial-style-six .testimonial-content .image-box:after{
  883. display: none;
  884. }
  885. .testimonial-style-six .testimonial-content .content-box{
  886. margin: 0px;
  887. padding-top: 30px;
  888. }
  889. .testimonial-style-six .owl-nav{
  890. position: relative;
  891. left: 0px;
  892. margin-left: 0px;
  893. text-align: center;
  894. }
  895. .subscribe-style-two .content-box{
  896. margin: 0px 0px 50px 0px;
  897. }
  898. .banner-style-seven .content-box{
  899. padding: 0px;
  900. margin-bottom: 30px;
  901. }
  902. .banner-style-seven .image-box{
  903. margin: 0px;
  904. }
  905. .banner-style-seven .image-box .image img{
  906. max-width: 100%;
  907. float: none;
  908. }
  909. .banner-style-seven{
  910. padding: 200px 0px 100px 0px;
  911. }
  912. .banner-style-seven .image-layer{
  913. width: 100%;
  914. background-position: center;
  915. }
  916. .feature-style-seven .inner-box:first-child .image-box img,
  917. .device-friendly .image-box img,
  918. .banner-style-eight .image-box img{
  919. max-width: 100%;
  920. float: none;
  921. }
  922. .feature-style-seven .inner-box .image-box{
  923. margin-bottom: 40px;
  924. }
  925. .feature-style-seven .inner-box:first-child .content-box{
  926. margin-left: 0px;
  927. }
  928. .feature-style-seven .inner-box:last-child .content-box{
  929. margin: 0px 0px 40px 0px;
  930. }
  931. .enterprise-section{
  932. padding-bottom: 0px;
  933. }
  934. .device-friendly .image-box{
  935. margin: 0px;
  936. }
  937. .device-friendly .content-box{
  938. margin: 0px;
  939. padding-top: 60px;
  940. }
  941. .banner-style-eight .image-layer{
  942. display: none;
  943. }
  944. .banner-style-eight{
  945. background: #4527a4;
  946. }
  947. .banner-style-eight .content-box{
  948. margin: 0px 0px 50px 0px;
  949. }
  950. /*지워도 됨
  951. .reasons-section{
  952. padding: 100px 0px 70px 0px;
  953. }
  954. */
  955. .reasons-section .single-item{
  956. margin-bottom: 30px;
  957. }
  958. .feature-style-eight .inner-box:first-child .image-box,
  959. .feature-style-eight .inner-box:last-child .image-box{
  960. margin: 0px 0px 40px 0px;
  961. }
  962. .feature-style-eight .inner-box:nth-child(2) .image-box{
  963. margin: 40px 0px 0px 0px;
  964. }
  965. .testimonial-style-seven .thumb-box{
  966. display: none;
  967. }
  968. .banner-style-nine{
  969. padding-bottom: 150px;
  970. }
  971. .dashboard-feature .content-box{
  972. margin-bottom: 30px;
  973. }
  974. .dashboard-feature .inner-content .feature-column:last-child{
  975. padding-top: 0px;
  976. }
  977. .support-section .inner-box .content-box{
  978. margin-bottom: 40px;
  979. }
  980. .support-section .inner-box .image-box{
  981. margin: 0px;
  982. }
  983. .support-section .inner-box:last-child .image-box img{
  984. max-width: 100%;
  985. float: none;
  986. width: 100%;
  987. }
  988. .support-section .inner-box:last-child .content-box{
  989. margin: 40px 0px 0px 0px;
  990. }
  991. .trusted-section .image-box .image{
  992. position: relative;
  993. }
  994. .trusted-section .image-box{
  995. min-height: auto;
  996. }
  997. .trusted-section .fact-counter .inner-box{
  998. margin-bottom: 30px;
  999. }
  1000. .banner-style-ten .content-box,
  1001. #content_block_25 .content-box,
  1002. .counter-style-two .image-box{
  1003. margin: 0px 0px 40px 0px;
  1004. }
  1005. .banner-style-ten .image-box img,
  1006. .solve-problem .image-box img{
  1007. max-width: 100%;
  1008. float: none;
  1009. width: 100%;
  1010. }
  1011. .transactions-work.elements{
  1012. padding: 100px 0px 150px 0px !important;
  1013. }
  1014. .transactions-work.elements .content-box{
  1015. margin-top: 0px;
  1016. }
  1017. .banner-style-ten .image-box{
  1018. margin: 0px;
  1019. }
  1020. .service-style-three .single-column:nth-child(2),
  1021. .service-style-three .single-column:last-child{
  1022. padding-top: 0px;
  1023. }
  1024. .marketing-benefits .content-box{
  1025. margin: 0px 0px 60px 0px;
  1026. }
  1027. .check-work .inner-box{
  1028. padding: 0px;
  1029. }
  1030. .banner-style-11 {
  1031. padding: 200px 0px;
  1032. }
  1033. /* 필요없으면 지워도 됨
  1034. .banner-style-11 .vector-image{
  1035. display: none;
  1036. }*/
  1037. .organization-section .single-item{
  1038. margin-bottom: 30px;
  1039. }
  1040. .security-invisible .content-box{
  1041. margin: 0px 0px 40px 0px;
  1042. }
  1043. .security-invisible .image-box img,
  1044. .feature-style-ten .inner-container .inner-box .image-box img,
  1045. .software-product .image-box img,
  1046. #image_block_30 .image-box img,
  1047. .streamline-section .image-box img,
  1048. .banner-style-13 .image-box img,
  1049. .solution-section #image_block_31 .image-box img,
  1050. #image_block_32 .image-box img{
  1051. max-width: 100%;
  1052. float: none;
  1053. width: 100%;
  1054. }
  1055. .betterlook-section .pattern-bg1,
  1056. .betterlook-section .pattern-bg2{
  1057. display: none;
  1058. }
  1059. .solution-section .inner-content .inner-box:first-child .content-box{
  1060. margin-left: 0px !important;
  1061. }
  1062. #content_block_29 .content-box,
  1063. .feature-style-ten .inner-container .inner-box:first-child .image-box{
  1064. padding: 0px;
  1065. margin: 0px 0px 40px 0px;
  1066. }
  1067. .feature-style-ten .inner-container .inner-box:nth-child(2) .image-box{
  1068. margin: 0px 0px 40px 0px;
  1069. }
  1070. .feature-style-ten .inner-container .inner-box:nth-child(2) .content-box,
  1071. .feature-style-ten .inner-container .inner-box:nth-child(3) .content-box,
  1072. .feature-style-ten .inner-container .inner-box:nth-child(3) .image-box,
  1073. .feature-style-ten .inner-container .inner-box:last-child .image-box{
  1074. padding: 0px;
  1075. margin: 0px 0px 40px 0px;
  1076. }
  1077. .feature-style-ten .inner-container .inner-box:nth-child(2) .image-box img{
  1078. float: none;
  1079. }
  1080. .feature-style-ten .inner-container .inner-box:last-child .content-box{
  1081. padding: 0px;
  1082. margin: 0px;
  1083. }
  1084. .software-product .content-box{
  1085. margin: 0px 0px 50px 0px;
  1086. }
  1087. .betterlook-section .content-box{
  1088. margin-bottom: 30px;
  1089. }
  1090. .banner-style-12:after,
  1091. .banner-style-12:before{
  1092. display: none;
  1093. }
  1094. .banner-style-12{
  1095. padding: 200px 0px 150px 0px;
  1096. }
  1097. .banner-style-12 .content-box,
  1098. .solution-section .inner-content .inner-box:first-child .image-box,
  1099. .solution-section .inner-content .inner-box:last-child .content-box,
  1100. #content_block_33 .content-box{
  1101. margin: 0px 0px 40px 0px;
  1102. }
  1103. .banner-style-12 .image-box{
  1104. margin: 0px;
  1105. padding: 0px;
  1106. }
  1107. .banner-style-12 .pattern-bg,
  1108. .banner-style-13 .image-shap{
  1109. display: none;
  1110. }
  1111. .solution-section .inner-content .inner-box:first-child .content-box,
  1112. .designe-process-two .tabs-content .image-box{
  1113. margin: 0px;
  1114. }
  1115. .designe-process-two .tab-btn-box .tab-btns li{
  1116. width: 172px;
  1117. font-size: 14px;
  1118. }
  1119. .designe-process-two .tabs-content .content-box{
  1120. margin-bottom: 40px;
  1121. }
  1122. .banner-style-13 .image-layer{
  1123. display: none;
  1124. }
  1125. .banner-style-13 .content-box{
  1126. margin-bottom: 60px;
  1127. }
  1128. .chooseus-section .inner-box{
  1129. margin-bottom: 30px;
  1130. }
  1131. .feature-style-11 .inner-content .inner-box:first-child .image-box img,
  1132. .feature-style-11 .inner-content .inner-box:nth-child(3) .image-box img,
  1133. .feature-style-11 .inner-content .inner-box:last-child .image-box img{
  1134. float: none;
  1135. width: 100%;
  1136. }
  1137. .feature-style-11 .inner-content .inner-box:nth-child(2) .image-box img,
  1138. .feature-style-11 .inner-content .inner-box:nth-child(4) .image-box img{
  1139. float: none;
  1140. width: 100%;
  1141. }
  1142. .feature-style-11 .inner-content .inner-box:first-child .image-box,
  1143. .feature-style-11 .inner-content .inner-box:nth-child(2) .content-box,
  1144. .feature-style-11 .inner-content .inner-box:nth-child(3) .image-box,
  1145. .feature-style-11 .inner-content .inner-box:last-child .image-box,
  1146. .feature-style-11 .inner-content .inner-box:nth-child(4) .content-box{
  1147. margin-bottom: 40px;
  1148. }
  1149. .feature-style-11 .inner-content .inner-box:nth-child(4){
  1150. margin-bottom: 100px;
  1151. }
  1152. .crm-programming .single-item{
  1153. padding-bottom: 30px;
  1154. }
  1155. .crm-programming{
  1156. padding-bottom: 0px;
  1157. }
  1158. .crm-programming .image-layer,
  1159. .feature-style-11 .inner-content .inner-box:first-child .image-box .bg-layer,
  1160. .feature-style-11 .inner-content .inner-box:nth-child(2) .image-box .bg-layer,
  1161. .feature-style-11 .inner-content .inner-box:nth-child(3) .image-box .bg-layer,
  1162. .feature-style-11 .inner-content .inner-box:nth-child(4) .image-box .bg-layer,
  1163. .feature-style-11 .inner-content .inner-box:last-child .image-box .bg-layer,
  1164. .testimonial-style-11 .inner-container .bg-layer,
  1165. #image_block_36 .image-box .bg-layer,
  1166. #image_block_37 .image-box .bg-layer{
  1167. display: none;
  1168. }
  1169. .pricing-style-four .pricing-table .table-footer{
  1170. position: relative;
  1171. bottom: 0px;
  1172. padding: 25px 0px;
  1173. }
  1174. .pricing-style-four .feature-inner h2{
  1175. min-height: 120px;
  1176. }
  1177. .pricing-style-four {
  1178. padding-bottom: 80px;
  1179. }
  1180. .testimonial-style-11 .inner-container .sec-title h2{
  1181. color: #222;
  1182. }
  1183. .testimonial-style-11 .testimonial-inner .testimonial-content .text,
  1184. .testimonial-style-11 .testimonial-inner .testimonial-content .author-info .designation,
  1185. .testimonial-style-11 .testimonial-inner .owl-prev,
  1186. .testimonial-style-11 .testimonial-inner .owl-next{
  1187. color: #777;
  1188. }
  1189. .testimonial-style-11 .testimonial-inner .testimonial-content .author-info .name{
  1190. color: #4527a4;
  1191. }
  1192. .testimonial-style-11 .testimonial-inner .owl-prev:hover,
  1193. .testimonial-style-11 .testimonial-inner .owl-next:hover{
  1194. color: #4527a4;
  1195. }
  1196. .testimonial-style-11 .testimonial-inner .owl-prev:before{
  1197. background: #777;
  1198. }
  1199. .testimonial-style-11 .inner-container:before{
  1200. display: none;
  1201. }
  1202. .testimonial-style-11 .testimonial-inner{
  1203. padding: 0px;
  1204. }
  1205. .banner-style-14 .content-box .image-box{
  1206. margin: 0px;
  1207. }
  1208. .feature-block-two .inner-box{
  1209. padding: 82px 10px 0px 10px;
  1210. }
  1211. .feature-style-12 .inner-box .content-box h2{
  1212. max-width: 100%;
  1213. }
  1214. .feature-style-12 .inner-box:first-child .content-box,
  1215. .feature-style-12 .inner-box:nth-child(2) .image-box,
  1216. .feature-style-12 .inner-box:last-child .content-box{
  1217. margin-bottom: 40px;
  1218. }
  1219. .powerful-management .content-box{
  1220. margin-bottom: 50px;
  1221. }
  1222. .main-header.home-15 .menu-right-content{
  1223. margin: 20px 15px 0px 0px;
  1224. }
  1225. .main-header.home-15 .outer-container .logo-box .logo{
  1226. padding-top: 30px;
  1227. }
  1228. .work-section .single-item{
  1229. margin-bottom: 30px;
  1230. }
  1231. .feature-style-13 .inner-box:first-child .content-box,
  1232. .feature-style-13 .inner-box:last-child .image-box{
  1233. margin: 0px 0px 40px 0px;
  1234. }
  1235. .feature-style-13 .inner-box:last-child .content-box{
  1236. margin: 0px;
  1237. }
  1238. .feature-style-13 .inner-box:first-child .image-box img{
  1239. float: none;
  1240. max-width: 100%;
  1241. width: 100%;
  1242. }
  1243. .case-block-one .inner-box .lower-content h2{
  1244. font-size: 22px;
  1245. }
  1246. .counter-style-three .inner-box{
  1247. display: block;
  1248. margin: 30px auto;
  1249. }
  1250. .pricing-style-four.home-15 .feature-inner{
  1251. margin-bottom: 30px;
  1252. }
  1253. .pricing-style-four.home-15{
  1254. padding-bottom: 120px;
  1255. }
  1256. .main-header.home-16 .menu-area .btn-box{
  1257. margin: 32px 15px 0px 0px;
  1258. }
  1259. .transactions-work .content-box{
  1260. margin-bottom: 100px;
  1261. }
  1262. .crypto-service .single-item{
  1263. margin-bottom: 60px;
  1264. }
  1265. .crypto-service{
  1266. padding-bottom: 100px;
  1267. }
  1268. .take-control .single-column:nth-child(3) .single-item .inner-box,
  1269. .take-control .single-column:last-child .single-item .inner-box {
  1270. padding-bottom: 60px;
  1271. }
  1272. .subscribe-style-five .image-box{
  1273. margin: 0px 0px 40px 0px;
  1274. }
  1275. .main-footer.style-six .footer-top .about-widget{
  1276. margin-bottom: 30px;
  1277. }
  1278. .main-footer.style-six .footer-top:before,
  1279. .news-section.home-16:before,
  1280. .news-section.home-16:after{
  1281. display: none;
  1282. }
  1283. .main-header.home-17 .menu-area .btn-box{
  1284. margin-top: 32px;
  1285. }
  1286. .banner-style-17 .image-box img{
  1287. max-width: 100%;
  1288. float: none;
  1289. width: 100%;
  1290. }
  1291. .banner-style-17 .content-box{
  1292. padding: 0px;
  1293. margin-bottom: 60px;
  1294. }
  1295. .rider-section .inner-content .inner-box:first-child .image-box{
  1296. margin: 0px 0px 40px 0px;
  1297. }
  1298. .rider-section .inner-content .inner-box .content-box .btn-box{
  1299. display: flex;
  1300. }
  1301. .rider-section .inner-content .inner-box:last-child .image-box{
  1302. margin: 50px 0px 0px 0px;
  1303. }
  1304. .whereyou-section .content-box{
  1305. margin-bottom: 60px;
  1306. }
  1307. .whereyou-section .image-box img{
  1308. max-width: 100%;
  1309. float: none;
  1310. }
  1311. .whereyou-section .image-box{
  1312. margin: 0px;
  1313. }
  1314. .rider-section{
  1315. padding-bottom: 80px;
  1316. }
  1317. .ridesharing-section .single-item{
  1318. margin-bottom: 30px;
  1319. }
  1320. .download-apps .image{
  1321. margin-bottom: 40px;
  1322. }
  1323. .banner-style-18 .content-box{
  1324. max-width: 100%;
  1325. margin: 0px 0px 60px 0px;
  1326. }
  1327. .domain-section .inner-container{
  1328. padding: 80px 50px;
  1329. }
  1330. .best-hosting .single-item .inner-box{
  1331. min-height: auto;
  1332. }
  1333. .best-hosting .single-item{
  1334. margin-bottom: 50px;
  1335. }
  1336. .best-hosting{
  1337. padding-bottom: 50px;
  1338. }
  1339. .increase-website .content-box{
  1340. padding: 0px;
  1341. margin-bottom: 80px;
  1342. }
  1343. .increase-website .image-box{
  1344. margin: 0px;
  1345. }
  1346. .domain-prices .domain-name{
  1347. margin-bottom: 50px;
  1348. }
  1349. .managed-wordpress .image-layer{
  1350. height: 100%;
  1351. }
  1352. .managed-wordpress{
  1353. padding: 150px 0px;
  1354. }
  1355. .testimonial-style-nine.home-18{
  1356. padding-top: 100px;
  1357. }
  1358. .main-footer.style-five .footer-bottom .footer-nav{
  1359. float: none;
  1360. }
  1361. .banner-style-19:before{
  1362. display: none;
  1363. }
  1364. .main-header.home-19 .menu-area .btn-box{
  1365. margin: 32px 15px 0px 0px;
  1366. }
  1367. .banner-style-19{
  1368. padding: 200px 0px 120px 0px;
  1369. }
  1370. .banner-style-19 .image-box{
  1371. margin: 0px;
  1372. }
  1373. .banner-style-19 .image-box:before{
  1374. display: none;
  1375. }
  1376. .banner-style-19 .content-box{
  1377. margin-bottom: 60px;
  1378. }
  1379. .ourmission-section .single-item{
  1380. margin-bottom: 30px;
  1381. padding-bottom: 80px;
  1382. }
  1383. .ourmission-section{
  1384. padding-bottom: 100px;
  1385. }
  1386. .popular-causes .image-box,
  1387. .social-fundraising .image-box,
  1388. .campaing-section .content-box,
  1389. .donate-section .image-box{
  1390. margin: 0px 0px 40px 0px;
  1391. }
  1392. .popular-causes .image-box .image:before{
  1393. display: none;
  1394. }
  1395. .popular-causes{
  1396. padding: 120px 0px;
  1397. }
  1398. .weworks-section .content-box{
  1399. padding: 0px;
  1400. }
  1401. .campaing-section .image-box{
  1402. margin: 0px;
  1403. }
  1404. .events-section .inner-column .inner-box{
  1405. margin-top: 50px;
  1406. }
  1407. #content_block_52 .content-box .bx-viewport {
  1408. min-height: 500px !important;
  1409. }
  1410. .events-section .inner-box .image-box{
  1411. margin: 0px;
  1412. }
  1413. .main-header.style-four .menu-right-content{
  1414. margin-top: 20px;
  1415. }
  1416. #video_block_02 .inner-box .image-box{
  1417. margin-right: 0px;
  1418. }
  1419. .events-section .inner-box .video-btn{
  1420. transform: translateX(-50%);
  1421. }
  1422. .news-style-three .inner-content{
  1423. margin: 0px;
  1424. }
  1425. .news-block-three .inner-box .lower-content{
  1426. margin: 0px 20px;
  1427. }
  1428. .service-details .service-sidebar{
  1429. margin: 0px 0px 30px 0px;
  1430. }
  1431. .service-details .service-details-content .two-column{
  1432. margin-bottom: 30px;
  1433. }
  1434. .pricing-style-four .feature-inner{
  1435. margin-bottom: 30px;
  1436. }
  1437. .service-details .service-details-content .two-column .content-box{
  1438. margin-bottom: 30px;
  1439. }
  1440. .our-history .image-box{
  1441. margin: 40px 0px 0px 0px;
  1442. }
  1443. .faq-section .faq-sidebar{
  1444. margin-bottom: 50px;
  1445. }
  1446. .pricing-style-four.pricing-page{
  1447. padding-bottom: 100px;
  1448. }
  1449. .error-section .content-box .error-image img{
  1450. width: 100%;
  1451. }
  1452. .sidebar-page-container .blog-content,
  1453. .sidebar-page-container .blog-single-content{
  1454. margin-bottom: 50px;
  1455. }
  1456. .contact-section .info-content .single-info-box{
  1457. margin-bottom: 30px;
  1458. }
  1459. .management-section:before,
  1460. .management-section:after{
  1461. display: none;
  1462. }
  1463. #content_block_47 .content-box .upper-box{
  1464. margin: 0px 0px 40px 0px;
  1465. }
  1466. #image_block_11 .image-box .layer-bg{
  1467. display: none;
  1468. }
  1469. .feature-style-three.elements {
  1470. padding: 150px 0px 250px 0px;
  1471. }
  1472. #image_block_19 .image-box{
  1473. margin-bottom: 30px;
  1474. }
  1475. #image_block_23 .image-box{
  1476. margin-top: 50px;
  1477. }
  1478. #image_block_34 .image-box,
  1479. #content_block_38 .content-box,
  1480. #default_image_block .image-box{
  1481. margin-bottom: 50px;
  1482. }
  1483. #content_block_42 .content-box{
  1484. margin-bottom: 30px;
  1485. }
  1486. #image_block_31 .image-box,
  1487. #content_block_32 .content-box{
  1488. margin-bottom: 30px;
  1489. }
  1490. }
  1491. @media (min-width: 992px) and (max-width: 1199px) {
  1492. .blog-content {
  1493. padding: 15px 12px 0px;
  1494. }
  1495. }
  1496. @media only screen and (min-width: 768px){
  1497. .container {width:auto;}
  1498. .main-menu .navigation > li > ul,
  1499. .main-menu .navigation > li > ul > li > ul{
  1500. display:block !important;
  1501. visibility:hidden;
  1502. opacity:0;
  1503. }
  1504. /* 지워도 됨
  1505. .banner-section .content-box {margin-left:75px;}
  1506. .feature2.row, .feature-style-11 .inner-box .row {margin-left:-15px; margin-right:-15px;}
  1507. .phpsupport.banner-section .content-box {margin-left:20px;}
  1508. .phpsupport.banner-section .content-box h1 {font-size: 50px; line-height:1.2;}
  1509. .shop_solution.banner-section .content-box {margin-left:50px;}
  1510. .shop_solution.banner-section .image-box .image-1 {right:0;}
  1511. */
  1512. }
  1513. @media only screen and (max-width: 768px){
  1514. .main_visual .swiper-slide > div {width:auto; padding-left:20px; padding-right:20px;}
  1515. .tb_vertical tbody .btn {font-size:14px;}
  1516. .tb_vertical .up i {margin-bottom:-12px;}
  1517. .tb_vertical thead th:nth-child(3),
  1518. .tb_vertical tbody td:nth-child(3) {display:none;}
  1519. .quote thead th:nth-child(3),
  1520. .quote tbody td:nth-child(3) {display:none;}
  1521. /*
  1522. tb_vertical table {border-top:2px solid var(--black);}
  1523. .tb_vertical thead {
  1524. border: none;
  1525. clip: rect(0 0 0 0);
  1526. height: 1px;
  1527. margin: -1px;
  1528. overflow: hidden;
  1529. padding: 0;
  1530. position: absolute;
  1531. width: 1px;
  1532. }
  1533. .tb_vertical th {display: block;}
  1534. .tb_vertical tr {display: block;margin-bottom:20px; border-bottom:1px solid #ddd;}
  1535. .tb_vertical tr:last-child {border-bottom:none;}
  1536. .tb_vertical tbody td {display:flex; align-items: center; width:100%; padding:10px; text-align: right;}
  1537. .tb_vertical tbody td:before {min-width: 90px; text-align: left;}
  1538. .tb_vertical td::before {content: attr(data-label); float: left; margin-right:auto; font-weight:700; text-transform: uppercase;}
  1539. .tb_vertical td:last-child {border-bottom: 0;}
  1540. .tb_vertical tbody .btn {margin:auto; margin-right:0; font-size:14px;}
  1541. .tb_vertical .up i {margin-bottom:-12px;}
  1542. */
  1543. .inquiry .input_form > div {flex-flow: row wrap; }
  1544. .inquiry label,
  1545. .inquiry input,
  1546. .inquiry select,
  1547. .inquiry textarea,
  1548. .qna-form label,
  1549. .qna-form input,
  1550. .qna-form select,
  1551. .qna-form textarea {width:100%;}
  1552. .inquiry .price input {width:50%;}
  1553. .inquiry label {padding:0 3px;}
  1554. .card_list li {width:calc(50% - 10px); padding:10px;}
  1555. .about .conts {flex-direction:column;}
  1556. .about .conts > div {width:100%;}
  1557. .about .conts_box {padding-right:0; padding-bottom:40px;}
  1558. #post-list .col-md-4 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  1559. .qna-list .blog-card > * {padding:20px 10px;}
  1560. .qna-list .qna-num {width:15%; padding-bottom:5px; align-items:flex-start;}
  1561. .qna-list .blog-title {width:85%; padding-bottom:5px; align-items:flex-start;}
  1562. .qna-list .qna-date {width: 50%; justify-content: left; padding-top:0; padding-left: 18%;}
  1563. .qna-list .qna-status {width: 50%; padding-top:0; justify-content: right;}
  1564. .qna-list .filter-btn .btn {height:40px;}
  1565. .qna-form .form-input-group {flex-flow:row wrap;}
  1566. .qna-form .contact-form {padding:15px 0;}
  1567. #post-list > .row > div {flex:0 0 50%; max-width:50%;}
  1568. /*지워도 됨
  1569. .main_slider_wrapper .col-md-12 {-ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important;}
  1570. .slider-area .carousel-inner .carousel-item .carousel-captions .content {margin-top:0; padding:80px 0; text-align: center;}
  1571. .slider-area .slider_btn {margin:0 auto;}
  1572. .newsletter_content_wrapper {width:100%; text-align:center; }
  1573. .news_btn {float:none; width:100%; margin-top:30px;}
  1574. .header_btn ul {display:flex; justify-content:center;}
  1575. .header_btn li a {width:150px!important;}
  1576. .trusted_company_wrapper {padding:40px 0;}
  1577. .comapnay_content_wrapper h1 {margin-bottom:20px; text-align: center;}
  1578. */
  1579. }
  1580. @media only screen and (max-width: 767px){
  1581. /*지워도 됨*
  1582. .banner-section{
  1583. padding-bottom: 120px;
  1584. }
  1585. .feature-section{
  1586. padding-top: 50px;
  1587. }
  1588. .rider-section.elements #content_block_42 .content-box{
  1589. margin-bottom: 0px;
  1590. }
  1591. .team-style-two,
  1592. .team-style-three,
  1593. .portfolio-section{
  1594. padding: 70px 0px 40px 0px;
  1595. }
  1596. .testimonial-style-six .testimonial-content .content-box .text{
  1597. line-height: 35px;
  1598. }
  1599. .service-details,
  1600. .pricing-style-four.paricing-page-3,
  1601. .portfolio-details{
  1602. padding: 70px 0px;
  1603. }
  1604. .team-block-two .image-box{
  1605. margin-bottom: 30px;
  1606. }
  1607. .application-setup.elements{
  1608. padding: 100px 0px 20px 0px !important;
  1609. }
  1610. .counter-style-three .four-item-carousel .inner-box {
  1611. margin: 50px auto;
  1612. }
  1613. .solution-section.elements #image_block_31 .image-box, #content_block_32 .content-box{
  1614. margin-bottom: 0px;
  1615. }
  1616. .feature-style-five.elements{
  1617. padding-bottom: 20px !important;
  1618. }
  1619. #content_block_44 .content-box{
  1620. margin-bottom: 30px;
  1621. }
  1622. .transactions-work.elements,
  1623. .increase-website.elements{
  1624. padding: 70px 0px !important;
  1625. }
  1626. .main-footer.style-five.style-seven{
  1627. padding-top: 0px;
  1628. }
  1629. #iamge_block_02 .image-box:after{
  1630. display: none;
  1631. }
  1632. .feature-style-three.elements{
  1633. padding: 70px 0px 40px 0px;
  1634. }
  1635. #content_block_27 .content-box{
  1636. margin-right: 0px;
  1637. }
  1638. .marketing-benefits #content_block_27 .content-box{
  1639. margin-bottom: 40px;
  1640. }
  1641. h2{
  1642. line-height: 45px !important;
  1643. }
  1644. #image_block_28 .image-box img{
  1645. max-width: 100%;
  1646. width: 100%;
  1647. }
  1648. #image_block_26 .image-box{
  1649. margin: 0px 0px 0px 0px;
  1650. }
  1651. .software-product.elements #content_block_30 .content-box{
  1652. padding-top: 0px;
  1653. }
  1654. .page-title.style-two{
  1655. padding: 160px 0px 80px 0px;
  1656. }
  1657. .optimization-application.elements #content_block_17 .content-box{
  1658. padding-top: 0px;
  1659. }
  1660. #content_block_30 .content-box .text{
  1661. padding-right: 0px;
  1662. }
  1663. .designe-process-two .tabs-content .image-box:before{
  1664. display: none;
  1665. }
  1666. .feature-style-two{
  1667. padding: 70px 0px 40px 0px;
  1668. }
  1669. #content_block_16 .content-box .text{
  1670. padding-right: 0px;
  1671. }
  1672. .sec-pad-two{
  1673. padding: 70px 0px !important;
  1674. }
  1675. .sec-pad-three{
  1676. padding: 70px 0px !important;
  1677. }
  1678. .sec-pad-four{
  1679. padding: 70px 0px 40px 0px !important;
  1680. }
  1681. .feature-style-three,
  1682. .pricing-section{
  1683. padding: 70px 0px;
  1684. }
  1685. #iamge_block_03 .image-box .image-1,
  1686. #iamge_block_03 .image-box .image-2{
  1687. display: block;
  1688. right: 0px;
  1689. }
  1690. #iamge_block_03 .image-box .image-1 img,
  1691. #iamge_block_03 .image-box .image-2 img{
  1692. width: 100%;
  1693. }
  1694. .video-section .video-inner{
  1695. padding-top: 0px;
  1696. }
  1697. .video-section{
  1698. padding: 100px 0px;
  1699. }
  1700. #content_block_04 .content-box{
  1701. margin-left: 0px;
  1702. padding-left: 30px;
  1703. }
  1704. #content_block_02 .content-box{
  1705. margin-right: 0px;
  1706. }
  1707. .sidebar-page-container .blog-single-content .inner-box .two-column .image-box{
  1708. margin: 0px 0px 30px 0px;
  1709. }
  1710. #iamge_block_02 .image-2,
  1711. #iamge_block_02 .image-box .image-1{
  1712. position: relative;
  1713. left: 0px;
  1714. top: 0px;
  1715. right: 0px;
  1716. }
  1717. #iamge_block_02 .image-box .image-1{
  1718. margin-bottom: 30px;
  1719. }
  1720. #iamge_block_02 .image-2 img,
  1721. #iamge_block_02 .image-box .image-1 img{
  1722. width: 100%;
  1723. }
  1724. .sidebar-page-container .blog-single-content .inner-box .two-column .text{
  1725. margin: 0px;
  1726. }
  1727. .pricing-section .tabs-content{
  1728. margin-bottom: 50px;
  1729. }
  1730. .testimonial-section{
  1731. padding: 70px 0px;
  1732. }
  1733. .ourmission-section .single-item{
  1734. padding-bottom: 50px;
  1735. }
  1736. .testimonial-section .image-layer{
  1737. height: 100%;
  1738. }
  1739. .download-section .content-box{
  1740. padding: 70px 0px 50px 0px;
  1741. }
  1742. .news-section{
  1743. padding: 65px 0px 50px 0px;
  1744. }
  1745. */
  1746. .main-footer{
  1747. padding-top: 0px;
  1748. }
  1749. .banner-style-two{
  1750. padding-bottom: 70px;
  1751. }
  1752. .feature-style-four,
  1753. .management-section,
  1754. .testimonial-style-two{
  1755. padding: 70px 0px;
  1756. }
  1757. .feature-style-four .inner-box:nth-child(3) .right-column .lower-image{
  1758. padding-top: 0px;
  1759. }
  1760. .feature-style-four .inner-box:nth-child(3),
  1761. .feature-style-four .inner-box:nth-child(2),
  1762. .feature-style-four .inner-box:first-child{
  1763. margin-bottom: 50px;
  1764. }
  1765. .make-difference{
  1766. padding: 70px 0px 100px 0px;
  1767. }
  1768. .subscribe-section .content-box{
  1769. padding-top: 30px;
  1770. }
  1771. .main-footer .footer-top{
  1772. padding-top: 50px;
  1773. }
  1774. #iamge_block_03 .image-box .image-2{
  1775. margin-bottom: 30px;
  1776. }
  1777. #content_block_03 .content-box{
  1778. margin-left: 0px;
  1779. }
  1780. .inside-software{
  1781. padding: 70px 0px 30px 0px;
  1782. }
  1783. .management-section .pattern-bg{
  1784. display: none;
  1785. }
  1786. .inside-software .inner-content .single-column:last-child{
  1787. padding-top: 0px;
  1788. }
  1789. .feature-style-five{
  1790. padding: 65px 0px 70px 0px;
  1791. }
  1792. .feature-style-five .inner-box:nth-child(2){
  1793. margin-bottom: 0px;
  1794. }
  1795. .feature-style-five .inner-box{
  1796. margin-bottom: 30px;
  1797. }
  1798. .feature-style-five .inner-box:first-child .image-box .image-2,
  1799. .feature-style-five .inner-box:nth-child(2) .image-box .image-2{
  1800. display: none;
  1801. }
  1802. .testimonial-style-three{
  1803. padding-bottom: 70px;
  1804. }
  1805. .pricing-style-two{
  1806. padding: 65px 0px 40px 0px;
  1807. }
  1808. .main-footer.style-two .image-layer{
  1809. display: none;
  1810. }
  1811. .main-footer.style-two{
  1812. background: #4527a4;
  1813. }
  1814. .banner-style-four {
  1815. padding: 170px 0px 60px 0px;
  1816. }
  1817. .service-style-two{
  1818. padding: 70px 0px 30px 0px;
  1819. }
  1820. .feature-style-six{
  1821. padding: 70px 0px 50px 0px;
  1822. }
  1823. .testimonial-style-four:before{
  1824. top: -500px;
  1825. }
  1826. .feature-style-six .inner-box:first-child{
  1827. margin-bottom: 60px;
  1828. }
  1829. .testimonial-style-four{
  1830. padding: 100px 0px 60px 0px;
  1831. }
  1832. .pricing-style-three{
  1833. padding: 65px 0px 70px 0px;
  1834. }
  1835. .banner-style-five{
  1836. padding: 170px 0px 80px 0px;
  1837. }
  1838. .innovative-idea{
  1839. padding-bottom: 40px;
  1840. }
  1841. .download-apps{
  1842. padding: 50px 0px 70px 0px;
  1843. }
  1844. .application-setup{
  1845. padding: 65px 0px 30px 0px;
  1846. }
  1847. .optimization-application{
  1848. padding: 65px 0px 70px 0px;
  1849. }
  1850. .subscribe-section.home-5{
  1851. padding-top: 70px;
  1852. }
  1853. .recruitment-section{
  1854. padding-bottom: 70px;
  1855. }
  1856. .project-inquiry .content-inner .top-content{
  1857. margin-bottom: 50px;
  1858. }
  1859. .industries-service{
  1860. padding-bottom: 70px;
  1861. }
  1862. .video-style-two,
  1863. .testimonial-style-six{
  1864. padding: 70px 0px;
  1865. }
  1866. .subscribe-style-two{
  1867. margin: 0px;
  1868. padding: 70px 0px;
  1869. }
  1870. .feature-style-seven{
  1871. padding: 70px 0px 30px 0px;
  1872. }
  1873. .banner-style-eight{
  1874. padding: 170px 0px 100px 0px;
  1875. }
  1876. /*지워도 됨
  1877. .reasons-section{
  1878. padding: 70px 0px 40px 0px;
  1879. }
  1880. */
  1881. .feature-style-eight .inner-box{
  1882. margin-bottom: 50px;
  1883. }
  1884. .testimonial-style-seven{
  1885. padding-top: 100px;
  1886. }
  1887. .clients-style-three{
  1888. padding-top: 70px;
  1889. }
  1890. .main-footer .footer-top{
  1891. padding-bottom: 40px;
  1892. }
  1893. .dashboard-feature{
  1894. padding-top: 70px;
  1895. }
  1896. .support-section .inner-box:last-child{
  1897. padding-top: 50px;
  1898. }
  1899. .support-section{
  1900. padding-bottom: 70px;
  1901. }
  1902. .trusted-section{
  1903. padding-bottom: 40px;
  1904. }
  1905. .testimonial-style-eight {
  1906. padding: 80px 0px 70px 0px;
  1907. }
  1908. .testimonial-style-eight .testimonial-content .inner-box{
  1909. padding: 40px 15px 0px 15px;
  1910. }
  1911. .subscribe-section.home-9{
  1912. padding-bottom: 70px;
  1913. }
  1914. .clients-style-three.home-9{
  1915. padding: 50px 0px;
  1916. }
  1917. .service-style-three{
  1918. padding-top: 70px;
  1919. }
  1920. .service-style-three:before,
  1921. .solve-problem:after{
  1922. display: none;
  1923. }
  1924. .solve-problem,
  1925. .counter-style-two{
  1926. padding-bottom: 70px;
  1927. }
  1928. .marketing-benefits,
  1929. .check-work{
  1930. padding: 60px 0px;
  1931. }
  1932. .testimonial-style-nine{
  1933. padding: 140px 0px;
  1934. }
  1935. .testimonial-style-nine .testimonial-content{
  1936. padding: 0px;
  1937. }
  1938. .testimonial-style-nine .owl-nav{
  1939. display: none;
  1940. }
  1941. .check-work .inner-box .check-form .form-group input[type='text'],
  1942. .check-work .inner-box .check-form .form-group input[type='email']{
  1943. max-width: 100%;
  1944. border: 1px solid #ddd;
  1945. border-radius: 30px;
  1946. margin-bottom: 30px;
  1947. }
  1948. .check-work .inner-box .check-form .form-group button{
  1949. position: relative;
  1950. right: 0px;
  1951. top: 0px;
  1952. }
  1953. .check-work .inner-box .check-form .form-group{
  1954. border: none;
  1955. }
  1956. .check-work .inner-box .check-form .form-group:before{
  1957. display: none;
  1958. }
  1959. /*필요없음 지움
  1960. .banner-style-11 .image-layer{
  1961. display: none;
  1962. }
  1963. .banner-style-11{
  1964. background: #4527a4;
  1965. padding: 170px 0px 100px 0px;
  1966. }
  1967. */
  1968. .organization-section{
  1969. padding-top: 70px;
  1970. }
  1971. .organization-section .more-btn{
  1972. margin-top: 30px;
  1973. }
  1974. .security-invisible,
  1975. .feature-style-ten{
  1976. padding: 70px 0px;
  1977. }
  1978. .testimonial-style-ten{
  1979. padding: 30px 0px 70px 0px;
  1980. }
  1981. .testimonial-style-ten .user-thumb{
  1982. display: none;
  1983. }
  1984. .subscribe-section.home-11{
  1985. padding-top: 70px;
  1986. }
  1987. .banner-style-12{
  1988. padding: 170px 0px 100px 0px;
  1989. }
  1990. .banner-style-12 .image-layer{
  1991. display: none;
  1992. }
  1993. .clients-section.home-12 .clients-carousel{
  1994. padding-bottom: 50px;
  1995. }
  1996. .designe-process,
  1997. .designe-process-three{
  1998. padding: 70px 0px 40px 0px;
  1999. }
  2000. .solution-section .inner-content .inner-box:first-child{
  2001. margin-bottom: 50px;
  2002. }
  2003. .solution-section,
  2004. .designe-process-two{
  2005. padding: 70px 0px;
  2006. }
  2007. .designe-process-two .tab-btn-box .tab-btns li{
  2008. width: 50%;
  2009. border-right: none;
  2010. }
  2011. .designe-process-three .owl-nav{
  2012. display: none;
  2013. }
  2014. .streamline-section{
  2015. margin: 0px;
  2016. padding: 70px 0px;
  2017. }
  2018. .banner-style-13{
  2019. padding-top: 170px;
  2020. }
  2021. .award-section,
  2022. .feature-style-11,
  2023. .pricing-style-four{
  2024. padding:30px 0px;
  2025. }
  2026. .good-feature .feature2 {margin-bottom:58px;}
  2027. .award-section .content-box{
  2028. padding: 40px 30px;
  2029. }
  2030. .feature-style-11 .inner-content .inner-box{
  2031. margin-bottom: 50px;
  2032. }
  2033. .crm-programming{
  2034. padding-top: 65px;
  2035. }
  2036. .pricing-style-four .pricing-table{
  2037. width: 100%;
  2038. }
  2039. .pricing-style-four .pricing-table .table-header{
  2040. border-right: none;
  2041. }
  2042. .pricing-style-four .pricing-table .table-footer{
  2043. border-bottom: 1px solid #e1e1e1;
  2044. }
  2045. .testimonial-style-11 .inner-container .sec-title{
  2046. padding: 0px;
  2047. }
  2048. .testimonial-style-11{
  2049. padding: 60px 0px;
  2050. }
  2051. .banner-style-14{
  2052. padding-top: 250px;
  2053. }
  2054. .awesome-features{
  2055. padding: 70px 30px;
  2056. }
  2057. .awesome-features .owl-dots{
  2058. display: none;
  2059. }
  2060. .feature-style-12{
  2061. padding: 65px 0px 70px 0px;
  2062. }
  2063. .feature-style-12 .inner-box{
  2064. margin-bottom: 50px;
  2065. }
  2066. .userfree-section,
  2067. .powerful-management,
  2068. .subscribe-style-three{
  2069. padding: 70px 0px;
  2070. }
  2071. .pricing-style-two .sec-title{
  2072. margin-bottom: 50px;
  2073. }
  2074. .main-footer.style-five .footer-top .about-widget{
  2075. margin-right: 0px;
  2076. }
  2077. .main-footer.style-five .image-layer{
  2078. display: none;
  2079. }
  2080. .main-footer.style-five{
  2081. background: #4527a4;
  2082. }
  2083. .main-header.home-15 .menu-area .btn-box{
  2084. display: none;
  2085. }
  2086. .main-header.home-15 .menu-right-content{
  2087. margin-top: 42px;
  2088. }
  2089. .banner-style-15{
  2090. padding: 170px 0px 100px 0px;
  2091. }
  2092. .work-section .feature-btn{
  2093. margin-top: 30px;
  2094. }
  2095. .feature-style-13 .inner-box:first-child{
  2096. margin-bottom: 50px;
  2097. }
  2098. .feature-style-13{
  2099. padding-bottom: 50px;
  2100. }
  2101. .case-studies{
  2102. padding: 70px 0px;
  2103. }
  2104. .case-studies .owl-dots,
  2105. .testimonial-style-12 .owl-dots{
  2106. display: none;
  2107. }
  2108. .counter-style-three,
  2109. .check-website{
  2110. padding: 70px 0px;
  2111. }
  2112. .testimonial-style-12,
  2113. .clients-section.home-15{
  2114. padding: 70px 0px;
  2115. }
  2116. .pricing-style-four.home-15{
  2117. padding-bottom: 70px;
  2118. }
  2119. .free-estimate{
  2120. padding: 100px 0px 70px 0px;
  2121. }
  2122. .free-estimate .inner-box .text,
  2123. .free-estimate .inner-box .btn-box{
  2124. float: none;
  2125. display: block;
  2126. }
  2127. .main-footer .footer-bottom .copyright{
  2128. float: none;
  2129. display: block;
  2130. text-align: center;
  2131. margin-bottom: 10px;
  2132. }
  2133. .banner-style-16 .lower-box .cs-countdown .count-col{
  2134. margin-bottom: 15px;
  2135. }
  2136. .banner-style-16{
  2137. padding: 170px 0px 100px 0px;
  2138. }
  2139. .transactions-work{
  2140. padding-bottom: 100px;
  2141. }
  2142. .crypto-service .image-layer{
  2143. display: none;
  2144. }
  2145. .crypto-service{
  2146. padding: 50px 0px 40px 0px;
  2147. }
  2148. .timeline-work{
  2149. padding: 65px 0px 40px 0px;
  2150. }
  2151. .single-column:last-child .single-item .inner-box{
  2152. margin-bottom: 0px;
  2153. }
  2154. .take-control{
  2155. padding: 70px 0px 100px 0px;
  2156. }
  2157. .team-section{
  2158. padding: 70px 0px;
  2159. }
  2160. .team-section .owl-dots{
  2161. display: none;
  2162. }
  2163. .team-block-one .inner-box .lower-content h2{
  2164. font-size: 24px;
  2165. }
  2166. .timeline-work .inner-content .single-item{
  2167. width: 50%;
  2168. min-height: 600px;
  2169. }
  2170. .rider-section,
  2171. .whereyou-section,
  2172. .news-style-two{
  2173. padding: 70px 0px;
  2174. }
  2175. .rider-section .inner-content .inner-box:first-child{
  2176. margin-bottom: 50px;
  2177. }
  2178. .ridesharing-section{
  2179. padding-bottom: 50px;
  2180. }
  2181. .download-apps.home-17{
  2182. padding: 70px 0px;
  2183. }
  2184. .best-hosting{
  2185. padding-top: 70px;
  2186. }
  2187. .increase-website{
  2188. padding-top: 60px;
  2189. }
  2190. .domain-prices .pricing-inner .pricing-table{
  2191. width: 100%;
  2192. margin-bottom: 30px;
  2193. }
  2194. .service-style-four .service-block:last-child .service-block-three{
  2195. margin-bottom: 0px;
  2196. }
  2197. .service-style-four{
  2198. padding-bottom: 70px;
  2199. }
  2200. .testimonial-style-nine.home-18{
  2201. padding: 0px 0px 50px 0px;
  2202. }
  2203. .subscribe-style-five.home-18 .image-layer,
  2204. .subscribe-style-five.home-18:before{
  2205. display: none;
  2206. }
  2207. .subscribe-style-five{
  2208. padding: 70px 0px !important;
  2209. }
  2210. .domain-section .search-form .form-group button{
  2211. position: relative;
  2212. top: 0px;
  2213. right: 0px;
  2214. }
  2215. .domain-section .search-form .form-group input[type='text']{
  2216. margin-bottom: 20px;
  2217. padding: 10px 15px;
  2218. }
  2219. .banner-style-19{
  2220. padding: 170px 0px 100px 0px;
  2221. }
  2222. .ourmission-section{
  2223. padding-bottom: 50px;
  2224. }
  2225. .weworks-section .content-box .upper-box{
  2226. margin: 0px 0px 30px 0px;
  2227. }
  2228. .weworks-section{
  2229. padding-top: 70px;
  2230. }
  2231. .social-fundraising,
  2232. .campaing-section,
  2233. .donate-section,
  2234. .news-style-three{
  2235. padding: 70px 0px;
  2236. }
  2237. .main-header.style-four .menu-area .btn-box{
  2238. display: none;
  2239. }
  2240. .main-header.style-four .menu-right-content{
  2241. margin-top: 42px;
  2242. }
  2243. .page-title{
  2244. padding: 170px 0px;
  2245. }
  2246. .our-history{
  2247. padding: 70px 0px;
  2248. }
  2249. .subscribe-style-five .image-box img{
  2250. max-width: 100%;
  2251. float: none;
  2252. width: 100%;
  2253. }
  2254. .clients-style-four.style-five,
  2255. .faq-section,
  2256. .question-section{
  2257. padding: 70px 0px;
  2258. }
  2259. .pricing-section.pricing-page{
  2260. padding-top: 70px;
  2261. }
  2262. .error-section{
  2263. padding: 100px 0px;
  2264. }
  2265. .designe-process.service-page{
  2266. padding: 70px 0px 40px 0px;
  2267. }
  2268. .sidebar-page-container{
  2269. padding: 70px 0px 50px 0px;
  2270. }
  2271. .sidebar-page-container .blog-single-content .author-box .author-inner .inner .social-links{
  2272. position: relative;
  2273. top: 0px;
  2274. margin-top: 15px;
  2275. }
  2276. .contact-section{
  2277. padding: 70px 0px;
  2278. }
  2279. .contact-section .info-content, .contact-section .image-container{
  2280. margin-bottom: 30px;
  2281. }
  2282. .owl-dots{
  2283. display: none !important;
  2284. }
  2285. .feature-style-six .inner-box:last-child .image-box img{
  2286. max-width: none;
  2287. float: none;
  2288. width: 100%;
  2289. }
  2290. .device-friendly{
  2291. padding-top: 90px;
  2292. }
  2293. .domain-section .domain-name li{
  2294. width: 33.333%;
  2295. margin: 15px 0px;
  2296. }
  2297. .pricing-style-four.pricing-page{
  2298. padding-bottom: 70px;
  2299. }
  2300. .testimonial-style-three .image-layer{
  2301. display: none;
  2302. }
  2303. .testimonial-style-three{
  2304. background: #4527a4;
  2305. padding-top: 60px;
  2306. }
  2307. .testimonial-style-three .sec-title h2{
  2308. color: #fff;
  2309. }
  2310. .news-block-two{
  2311. margin-bottom: 30px;
  2312. }
  2313. .make-difference .image-box:before{
  2314. display: none;
  2315. }
  2316. .testimonial-style-five:before{
  2317. position: absolute;
  2318. display: block;
  2319. content: '';
  2320. background: #4527a4;
  2321. width: 100%;
  2322. height: 100%;
  2323. left: 0px;
  2324. top: 0px;
  2325. animation: none;
  2326. }
  2327. .testimonial-style-five{
  2328. padding: 70px 0px !important;
  2329. }
  2330. .news-block-three{
  2331. margin-bottom: 30px;
  2332. }
  2333. .testimonial-style-four .testimonial-content .inner-box .author-info{
  2334. padding-left: 130px;
  2335. }
  2336. .feature-style-six .inner-box:first-child .image-box{
  2337. padding-top: 30px;
  2338. }
  2339. .innovative-idea .single-item{
  2340. padding-bottom: 30px;
  2341. }
  2342. .innovative-idea .single-column:last-child .single-item{
  2343. margin-bottom: 0px;
  2344. }
  2345. .download-apps .image-box .image-2{
  2346. margin-bottom: 45px;
  2347. }
  2348. #image_block_11 .image-box{
  2349. margin: 0px;
  2350. }
  2351. .banner-style-five .image-box .icon-box{
  2352. display: none;
  2353. }
  2354. #image_block_16 .image-box .image-2,
  2355. #image_block_16 .image-box .image-1{
  2356. position: relative;
  2357. top: 0px;
  2358. left: 0px;
  2359. display: block;
  2360. text-align: center;
  2361. }
  2362. #image_block_16 .image-box{
  2363. margin: 0px;
  2364. }
  2365. #image_block_19 .image-box img,
  2366. #image_block_21 .image-box img{
  2367. max-width: 100%;
  2368. float: none;
  2369. width: 100%;
  2370. }
  2371. #content_block_20 .content-box{
  2372. margin: 0px;
  2373. padding-top: 60px;
  2374. }
  2375. .banner-style-eight .image-box .image-2{
  2376. display: none;
  2377. }
  2378. #content_block_28 .content-box{
  2379. margin-right: 0px;
  2380. }
  2381. #image_block_29 .image-box img,
  2382. #image_block_33 .image-box img{
  2383. width: 100%;
  2384. max-width: 100%;
  2385. }
  2386. #content_block_05 .content-box{
  2387. padding-top: 70px;
  2388. }
  2389. #content_block_05 .content-box{
  2390. padding-bottom: 0px;
  2391. }
  2392. .feature-style-three .inner-box:first-child{
  2393. margin-bottom: 30px;
  2394. }
  2395. #image_block_08 .image-box .image-content,
  2396. #image_block_09 .image-box .image-content{
  2397. padding-bottom: 30px;
  2398. }
  2399. .subscribe-style-five #image_block_38 .image-box img,
  2400. .whereyou-section #image_block_40 .image-box img{
  2401. float: none;
  2402. max-width: 100%;
  2403. width: 100%;
  2404. }
  2405. #image_block_38 .image-box .bg-layer{
  2406. display: none;
  2407. }
  2408. #content_block_47 .content-box .counter-inner .single-counter-box{
  2409. margin-bottom: 30px;
  2410. }
  2411. #content_block_48 .inner-box .single-column,
  2412. #content_block_23 .inner-content .feature-column{
  2413. padding: 0px 15px;
  2414. }
  2415. }
  2416. @media only screen and (max-width: 599px){
  2417. /*지워도 됨
  2418. .main_info {margin-top: 60px;}
  2419. .main_info strong {font-size:44px;}
  2420. .feature-section .image-box .image img{
  2421. width: 100%;
  2422. }
  2423. .feature-style-three .inner-box:first-child .image-box .image-2,
  2424. .feature-style-three .inner-box:first-child .image-box .image-1,
  2425. .feature-style-three .inner-box:last-child .image-box .image-1,
  2426. .feature-style-three .inner-box:last-child .image-box .image-2{
  2427. position: relative;
  2428. left: 0px;
  2429. top: 0px;
  2430. right: 0px;
  2431. }
  2432. .feature-style-three .inner-box:first-child .image-box .image-2 img,
  2433. .feature-style-three .inner-box:first-child .image-box .image-1 img,
  2434. .feature-style-three .inner-box:last-child .image-box .image-1 img,
  2435. .feature-style-three .inner-box:last-child .image-box .image-2 img{
  2436. width: 100%;
  2437. }
  2438. .feature-style-three .inner-box:first-child .image-box .image-1,
  2439. .feature-style-three .inner-box:last-child .image-box .image-1{
  2440. margin-bottom: 30px;
  2441. }
  2442. #image_block_14 .image-box .image-2{
  2443. position: relative;
  2444. left: 0px;
  2445. bottom: 0px;
  2446. text-align: center;
  2447. }
  2448. .portfolio-details .upper-box{
  2449. margin-bottom: 30px;
  2450. }
  2451. .donate-form-area{
  2452. padding: 50px 30px;
  2453. }
  2454. .feature-style-six .inner-box:first-child .image-box .image-1{
  2455. margin-bottom: 30px;
  2456. }
  2457. .testimonial-style-four .testimonial-content .inner-box{
  2458. min-height: auto;
  2459. }
  2460. .optimization-application .image-box .image{
  2461. display: none;
  2462. }
  2463. .optimization-application .image-box .image-1{
  2464. display: block;
  2465. }
  2466. .optimization-application .image-box .image-1 img{
  2467. width: 100%;
  2468. }
  2469. .optimization-application .image-box{
  2470. padding: 0px;
  2471. }
  2472. .video-style-two .video-inner{
  2473. padding: 100px 0px;
  2474. }
  2475. .main-header.style-two .menu-area .btn-box{
  2476. display: none;
  2477. }
  2478. .clients-section .trusted-box {
  2479. padding: 15px 30px;
  2480. }
  2481. #content_block_37 .inner-box .company-list li{
  2482. width: 50%;
  2483. }
  2484. #content_block_37 .inner-box .company-list li:nth-child(2),
  2485. #content_block_37 .inner-box .company-list li:nth-child(5){
  2486. top: 0px;
  2487. }
  2488. */
  2489. .check-website .inner-container .subscribe-form .form-group button{
  2490. position: relative;
  2491. width: 100%;
  2492. }
  2493. .check-website .inner-container .subscribe-form .form-group input[type='text']{
  2494. margin-bottom: 15px;
  2495. padding: 10px 25px;
  2496. }
  2497. .timeline-work .inner-content .single-item{
  2498. width: 100%;
  2499. min-height: auto;
  2500. margin: 30px 0px;
  2501. }
  2502. .timeline-work .sec-title h2{
  2503. margin-bottom: 30px;
  2504. }
  2505. .subscribe-style-five .image-box:before{
  2506. display: none;
  2507. }
  2508. .rider-section .inner-content .inner-box .content-box .btn-box{
  2509. display: block;
  2510. }
  2511. .increase-website .image-box .image-2,
  2512. .increase-website .image-box .image-3{
  2513. display: none;
  2514. }
  2515. .events-section .content-box .events-slide .single-item .date:before{
  2516. display: none;
  2517. }
  2518. #content_block_52 .content-box .bx-viewport {
  2519. min-height: 580px !important;
  2520. }
  2521. .designe-process-three .inner-content{
  2522. margin-right: 0px;
  2523. }
  2524. .sidebar-page-container .blog-single-content .comments-area .comment.replay-comment{
  2525. margin-left: 0px;
  2526. }
  2527. .sidebar-page-container .blog-single-content .comments-area .comment{
  2528. padding-right: 0px;
  2529. }
  2530. .sidebar-page-container .blog-single-content .comments-area .comment .comment-inner .replay-btn{
  2531. right: 0px;
  2532. }
  2533. .video-style-two .vector-image{
  2534. display: none;
  2535. }
  2536. .banner-style-13 .image-box{
  2537. margin-left: 0px;
  2538. }
  2539. .award-section .content-box .award-image{
  2540. height: auto;
  2541. }
  2542. .crypto-service .inner-content{
  2543. margin: 0px;
  2544. }
  2545. .weworks-section .content-box .counter-inner .single-counter-box{
  2546. margin-bottom: 30px;
  2547. }
  2548. #content_block_04 .content-box{
  2549. padding: 70px 30px;
  2550. }
  2551. .management-section .tabs-content .image-box{
  2552. margin-bottom: 0px;
  2553. }
  2554. .main-footer .footer-top .contact-widget .list li:first-child{
  2555. margin-bottom: 0px;
  2556. }
  2557. .banner-style-two .image-box{
  2558. display: none;
  2559. }
  2560. .testimonial-style-four .testimonial-content .inner-box{
  2561. padding-left: 30px;
  2562. }
  2563. }
  2564. @media only screen and (max-width:576px){
  2565. :root {
  2566. --btm-space : 80px;
  2567. }
  2568. body {font-size:16px;}
  2569. input,
  2570. select,
  2571. .form-control {height:42px; padding:10px; font-size:15px!important; border-radius:8px;}
  2572. textarea {padding:10px; font-size:15px!important;}
  2573. label {margin-bottom:5px; font-size:14px;}
  2574. [type="radio"], [type="checkbox"], span {vertical-align:middle;}
  2575. .radio_box input {width:20px!important; height:20px;}
  2576. label.check_box {position:relative; padding-left: 30px;}
  2577. .check_box input,
  2578. .check_box input:checked {position:absolute; left:0;}
  2579. ::placeholder {font-size:15px;}
  2580. caption {padding-top:8px; padding-bottom:6px; font-size:12px;}
  2581. .btn {height:42px; border-radius:8px;}
  2582. .scroll-top.open {bottom:10px; right:10px;}
  2583. .main-header .container {padding:0 20px;}
  2584. .main_header .container {padding:20px;}
  2585. .main-header.style-four .outer-container .logo-box .logo {width:146px; padding:16px 0;}
  2586. .menu-area .mobile-nav-toggler {margin-top:20px;}
  2587. .main_visual {height:310px;}
  2588. .main_visual .swiper-slide > div {margin-top:24px;}
  2589. .main_visual strong {font-size:22px;}
  2590. .main_visual strong em {margin-top:0; font-size:32px; line-height:1;}
  2591. .main_visual p {margin-top:6px; font-size:16px;}
  2592. .main_visual .swiper-horizontal>.swiper-pagination-bullets,
  2593. .main_visual .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:10px;}
  2594. .quick_kbgolf {padding:0 3px!important;}
  2595. .quick_kbgolf li {min-width:60px; font-size:12px;}
  2596. .quick_kbgolf li:nth-child(3),
  2597. .quick_kbgolf li:nth-child(4) {padding:6px;}
  2598. .quick_kbgolf dl {flex-flow:wrap; padding:6px;}
  2599. .quick_kbgolf dt {width:100%; padding:0; padding-bottom:0; background:none; color:var(--primary); line-height:1;}
  2600. .quick_kbgolf dd {width:50%; padding:0; line-height:1;}
  2601. .quick_kbgolf dd strong {font-size:14px;}
  2602. .quick_kbgolf p {display:none;}
  2603. .m_sell {padding:8px 0 10px;}
  2604. .m_sell label {width:100%;}
  2605. .m_sell input {width:calc(100% - 105px);}
  2606. .m_sell .btn {width: 100px; font-size:14px; margin-left:5px;}
  2607. .m_quote {padding:20px 0 60px; font-size:14px;}
  2608. .m_quote .tabs {margin-bottom:8px;}
  2609. .m_quote .tabs li {width:calc(33.33% - 4px); height:42px; margin:2px;}
  2610. .m_quote .tb_vertical {height:300px;}
  2611. .m_quote .tb_vertical thead th,
  2612. .m_quote .tb_vertical tbody td,
  2613. .m_quote .tb_vertical tbody tr:first-of-type td {padding:10px;}
  2614. .m_quote caption {padding-top:0;}
  2615. .tit_main {margin-bottom: 20px;}
  2616. .tit_main h2 {font-size:34px;}
  2617. .tit_main em {font-size:16px;}
  2618. .m_youtube,
  2619. .m_blog {padding:60px 0;}
  2620. .m_youtube .list li {width:100%; padding:5px 0;}
  2621. .m_youtube .m_more {margin-top:30px;}
  2622. .m_blog .list h4 {font-size:18px;}
  2623. .m_blog .list li {padding:5px 0;}
  2624. .m_blog .list a {padding:25px;}
  2625. .m_blog .list p {font-size:14px;}
  2626. .m_blog .m_more,
  2627. .m_quote .m_more {margin-top:30px;}
  2628. .main-footer {padding:0;}
  2629. .main-footer .container {flex-direction:column-reverse; padding:0;}
  2630. .ft_left {padding:20px; padding-bottom:100px; text-align:center;}
  2631. .footer-logo img {width:180px;}
  2632. .ft_right {margin-left:0; padding:10px 20px; text-align:center; border-bottom:1px solid #ddd;}
  2633. .sub,
  2634. .sub, .sub_wrap {padding-top: 130px;}
  2635. .navi, .navi a {font-size: 14px;}
  2636. .navi i {font-size:12px;}
  2637. .title {margin-bottom:40px;}
  2638. .title h2 {font-size:32px;}
  2639. .search_ticket .container {padding:20px;}
  2640. .search_ticket label {width:100%;}
  2641. .search_ticket input {width:calc(100% - 105px);}
  2642. .search_ticket .btn {width: 100px; font-size:14px; margin-left:5px;}
  2643. .quote {padding:30px 0; font-size:14px;}
  2644. .quote .tabs {margin-bottom:5px;}
  2645. .quote .tabs li {height:50px;}
  2646. .stit {margin-bottom: 10px;}
  2647. .stit h3 {font-size:22px;}
  2648. .golf .quote .tabs li {width:calc(50% - 8px);}
  2649. .filter-label {font-size:12px;}
  2650. .inquiry .price input {width: 80%;}
  2651. .inquiry .personal {margin-bottom: 40px;}
  2652. .inquiry .btn_wrap {margin:0 0 80px;}
  2653. .inquiry .btn {max-width:100%;}
  2654. .inquiry .guide {padding:20px 0; font-size:15px;}
  2655. .captcha_wrap .py-5 {padding:20px 0!important;}
  2656. .captcha_wrap > div > div {flex-flow:row wrap;}
  2657. .captcha_wrap > div > div > div {width:100%;}
  2658. .captcha {background:#f6f6f6;}
  2659. .captcha img {height:80px;}
  2660. #captcha,
  2661. .inquiry .reload {width:100%; margin:5px 0;}
  2662. .inquiry .reload {max-width:100%; height:50px}
  2663. .card_list {margin:0;}
  2664. .card_list li {width:100%; padding:6px 0;}
  2665. .inquiry_list .card_list h4 {font-size:18px;}
  2666. .inquiry_list .status,
  2667. .inquiry_view .status {font-size:14px;}
  2668. .modal-footer .btn {height:50px;}
  2669. .about .txt_mid {font-size:20px;}
  2670. .about .txt_big {margin:0 0 20px; padding:0; font-size:28px;}
  2671. .about .name {margin-top: 40px;}
  2672. .map {margin-bottom:80px;}
  2673. .map_box {height:240px;}
  2674. .conts_box {margin-top: 20px; padding-left: 10px; font-size:15px;}
  2675. .conts_box dt {font-size:18px;}
  2676. .policy {margin-bottom:80px;}
  2677. .privacy-part .scrollspy-content > div {flex-flow:column nowrap; align-items:flex-start!important;}
  2678. .blog .container {padding-left:var(--side-space); padding-right:var(--side-space);}
  2679. .blog-card {margin-bottom:15px;}
  2680. .blog-meta {padding:10px;}
  2681. .blog-title {padding:0 10px; font-size: 18px;}
  2682. .blog-meta li span {font-size:13px;}
  2683. .blog-content button {padding:15px;}
  2684. .blog_details {padding-top:120px;}
  2685. .blog-details-part {padding-left:0; padding-right:0;}
  2686. .blog-standard-details {padding-left:var(--side-space); padding-right:var(--side-space); }
  2687. .blog-meta li {margin-right: 25px;}
  2688. .blog-content {padding: 15px 0 0px;}
  2689. .blog-details-meta li a,
  2690. .blog-details-meta li span {font-size:14px;}
  2691. .blog-details-meta li i {margin-right:5px; font-size:13px;}
  2692. .blog-details-title {margin-bottom: 20px; font-size:18px;}
  2693. .blog-details-content {margin-bottom:0; padding:10px 5px 20px;}
  2694. .blog-details-prev, .blog-details-next {margin:0;}
  2695. .blog-details-prev .nav-arrow, .blog-details-next .nav-arrow {height:50px; font-size:14px;}
  2696. .blog-details-navigate {width:100%;}
  2697. .blog-details-navigate > div {width:calc(50% - 5px); margin:0;}
  2698. .blog-details-prev {margin-right:10px!important;}
  2699. .blog_bottom {padding:20px 0; margin-bottom:10px;}
  2700. .blog_bottom .btn_wrap {width:100%;}
  2701. .blog_bottom .btn_wrap .btn {max-width: 100%; margin:0; margin-top:10px;}
  2702. .blog_bottom .btn_wrap .btn {width:100%;}
  2703. #post-list > .row > div {flex: 0 0 100%; max-width:100%; margin-bottom:20px;}
  2704. #post-list {padding-top:20px;}
  2705. #post-list .col-md-4 {flex: 0 0 100%; max-width:100%;}
  2706. .movie .blog-desc {margin-bottom:6px; padding:10px 10px 0;}
  2707. .comments .row {margin-left:15px; margin-right:15px;}
  2708. .comment_list .comment_cont {padding-left:0; font-size:16px;}
  2709. .comment_list .btn_wrap {padding-left:0;}
  2710. .comment_write h3 {font-size:16px;}
  2711. .reply_wrap {margin-left:0;}
  2712. .reply_wrap .comment_list {padding-left:20px;}
  2713. .comment_write {padding:10px;}
  2714. .comment_list .reply_write {margin-left:0;}
  2715. .blog-standard .top-filter > div {margin:2px 0;}
  2716. .blog-standard .top-filter > div:last-child {margin-left:auto;}
  2717. .blog-standard .blog-meta li {margin:5px 0; margin-right:15px;}
  2718. .blog-standard .blog-content {padding: 15px 8px;}
  2719. .blog-standard .filter-short {width:auto;}
  2720. .blog-standard .blog-meta li a, .blog-standard .blog-meta li span {font-size:13px;}
  2721. .blog-standard .blog-meta li i {margin-right:5px; font-size:12px;}
  2722. .blog-standard .blog-title {font-size:18px; font-weight:700;}
  2723. .blog-standard .blog-btn {font-size:14px;}
  2724. .blog-standard .blog-btn i {font-size:12px; vertical-align: middle;}
  2725. .blog-standard-details .col-lg-12 {padding-left:0; padding-right:0;}
  2726. .blog-standard-details .blog-details-cont {padding: 20px 3px;}
  2727. .txt_gallery .list_top {display:none;}
  2728. .txt_gallery > ul {border-top:none}
  2729. .txt_gallery .list_colgroup {display: flex; flex-flow: row wrap; padding:10px 3px; border-bottom: 1px solid #ddd;}
  2730. .txt_gallery .list_cont .num {width:100%;}
  2731. .txt_gallery .list_colgroup > div {display:flex; width:auto; padding:5px 0; margin-right:10px; border-bottom:none; font-size:14px; }
  2732. .txt_gallery .list_colgroup > div:first-child {font-size:14px; font-weight:700; color:#b4c8c3;}
  2733. .txt_gallery .num {width:100%!important; font-size:14px;text-align:left; }
  2734. .txt_gallery .subject {width:100%!important; padding-left:0!important; font-size:16px!important;}
  2735. .txt_gallery .list_cont .tag {padding:4px 10px;}
  2736. .txt_gallery .list_btnwrap button {max-width:none; height:50px;}
  2737. .page-item {margin-left: 5px;}
  2738. .page-link {width:34px; height:34px; line-height:34px; font-size: 14px;}
  2739. .page-item.disabled .page-link {line-height: 29px;}
  2740. .qna-list .top-filter {justify-content: flex-end;}
  2741. .qna-list .filter-short {margin-bottom:0px!important; margin-left:10px!important;}
  2742. .qna-list .filter-btn .btn {height:50px;}
  2743. .qna-list .qna-status span {height:28px; font-size:14px;}
  2744. .qna-list .blog-title {font-size:16px;}
  2745. .qna-list .qna-num,
  2746. .qna-list .qna-date {font-size:14px;}
  2747. .qna-form p {margin-bottom:0;}
  2748. .qna-form .contact-form {margin-top: 10px;}
  2749. .qna-form .btn_wrap {padding-top:30px;}
  2750. .qna-form .btn_wrap .btn {max-width:100%; height:50px;}
  2751. .qna-details .blog-details-title,
  2752. .qna-details .comment-title {font-size:16px;}
  2753. .qna-details .blog-details-cont,
  2754. .qna-details .blog-details-title,
  2755. .qna-details .blog-details-meta,
  2756. .qna-details .comment-title {padding-left:40px;}
  2757. .qna-details .blog-details-comment {padding-top:0;}
  2758. .qna-details .comment-list {padding:20px;}
  2759. .faq-que button,
  2760. .faq-ans p {padding:20px; padding-left: 55px; word-break: break-all;}
  2761. .faq-que span,
  2762. .faq-ans span {top:15px; left:15px;}
  2763. /*지워도 됨
  2764. .banner-section {padding-top:150px;}
  2765. .banner-section .content-box {margin: 0px 10px 50px 10px;}
  2766. .banner-section .content-box h1 {margin-top:0; font-size:50px;}
  2767. .banner-section .content-box h2,
  2768. .banner-section .content-box h3 {font-size:28px;}
  2769. .banner-section .image-box img {max-width: 800px;}
  2770. .banner-section .image-box .image-1 {right:30%;}
  2771. .banner-style-16 {padding: 140px 0px 50px 0px;}
  2772. .banner-style-16 .content-box h1 {margin-bottom: 10px; font-size:44px;}
  2773. .banner-style-16 .content-box .text {font-size:16px; line-height:1.3;}
  2774. .banner-style-16 .image-box {max-width: 100%;}
  2775. .banner-style-16 .upper-box {padding-bottom: 60px;}
  2776. .banner-style-16 .lower-box .btn-box {width: 200px; margin: 0 auto;}
  2777. .banner-style-16 .lower-box .btn-box .btn-one {margin: 0px 0px 15px 0px !important;}
  2778. .banner-style-16 .lower-box .btn-box a {margin: 0px !important; width: 200px;}
  2779. .service-style-three {margin-bottom:40px; padding-top:100px!important;}
  2780. .service-style-three .col-lg-4 {flex:0 0 100%; max-width:100%;}
  2781. .service-style-three .sec-title h2 {margin-bottom:40px;}
  2782. .service-block-three {margin-bottom:20px;}
  2783. .service-block-three .inner-box {min-height:auto; margin-bottom: 60px; padding:30px 20px;}
  2784. .work-section {padding:60px 0;}
  2785. .work-section .mainStit {margin-top: 0px;}
  2786. .work-section .sec-title {margin-bottom:0;}
  2787. .work-section .sec-title h2 {margin-bottom: 20px;}
  2788. .work-section .feature1 .col-lg-3 {flex:0 0 100%; max-width:100%; margin-bottom: 0;}
  2789. .work-section .feature2 {padding-top: 60px;}
  2790. .work-section .feature2 .single-item .inner-box {padding:20px;}
  2791. .work-section .single-item {margin-bottom: 20px!important;}
  2792. .main_solution {margin:60px 0; text-align:center; word-break:keep-all;}
  2793. .main_solution .sec-title h2 {margin-bottom:0;}
  2794. .main_solution .image-column {margin-bottom:10px;}
  2795. .main_solution img {margin:0!important; padding:0!important;}
  2796. .main_solution .mainStit {margin-bottom: 10px;}
  2797. .main_solution .dw_block {flex-direction:column;}
  2798. .main_solution .dw_block dl {width:100%;}
  2799. .main_solution .dw_block dl:last-child {border-left:none; border-top:1px solid #ededed;}
  2800. .main_solution .dw_feature {text-align:left;}
  2801. .main_solution .dw_feature .btn-box {text-align:center;}
  2802. .counter-style-two {padding-bottom:0!important;}
  2803. .service-block-three .inner-box {margin-bottom:10px;}
  2804. .sub_wrap {padding-top: 140px;}
  2805. .sub_wrap .title {margin-top:0; padding-bottom: 20px;}
  2806. .sub_wrap .title h2 {font-size:32px;}
  2807. .sub_wrap .title:after {width:50px;}
  2808. .phpsupport.banner-section .content-box h2 {font-size:18px;}
  2809. .phpsupport.banner-section .content-box h1 {margin-top:10px; font-size: 36px; line-height:1.3;}
  2810. .phpsupport.banner-section .image-box .image-1 {top: 0;}
  2811. .phpsupport.banner-section .image-box img {width:100%; max-width:auto;}
  2812. .phpsupport.banner-section .toggle-btn.btn-box {margin-top:0;}
  2813. .shop_solution.banner-section {padding-top:150px;}
  2814. .shop_solution.banner-section .content-box h1 {margin-top:0; font-size:40px;}
  2815. .shop_solution.banner-section .content-box h2 {font-size:28px;}
  2816. .shop_solution.banner-section .image-box .image-1 {display: flex; justify-content: center;right:0;}
  2817. .shop_solution.reasons-section .sec-title h2 {padding-bottom:0;}
  2818. .shop_solution.reasons-section .single-item {margin-bottom:16px;}
  2819. */
  2820. .img_gallery .conts_wrap {flex-flow: column-reverse;}
  2821. .img_gallery .num {display:none;}
  2822. .img_gallery .img_box {max-width:100%; margin-left:0; margin-bottom:10px; }
  2823. .elastic {padding-top:130px}
  2824. .elastic .vector-image .image-2 {width:95%;}
  2825. .elastic .content-box h1,
  2826. .elastic .content-box p {font-size:30px;}
  2827. .elastic .content-box h2 {font-size:20px;}
  2828. .elastic .content-box p {margin-top:0; font-size:20px;}
  2829. .searchengine.banner-style-six {padding-top:110px; padding-bottom: 80px;}
  2830. .searchengine.banner-style-six .image-layer {background-size: contain;}
  2831. .searchengine.banner-style-six .content-box h1 {font-size:42px; text-align:center;}
  2832. .searchengine.Slogan-section .wraper {margin-top:50px;}
  2833. .searchengine.banner-style-six .toggle-btn.btn-box {margin-top: 0; text-align:center;}
  2834. .banner-style-seven {padding-top:136px;}
  2835. .banner-style-five .content-box h1 {font-size:30px;}
  2836. .banner-style-five .image-layer {background-position: right -26px;}
  2837. .erp.Slogan-section {margin-top:60px;}
  2838. .main_slider_wrapper {padding-top:100px;}
  2839. .slider-area .carousel-inner .carousel-item .carousel-captions .content {padding:20px 0;}
  2840. .slider-area .carousel-inner .carousel-item .carousel-captions .content h2 {font-size:36px; line-height:1.3; letter-spacing: -1px; word-break:keep-all}
  2841. .slider-area .carousel-inner .carousel-item .carousel-captions .content p {width:98%; margin:0 auto; padding:5px 0; font-size:16px; text-align:center; line-height:1.3; word-break:keep-all;}
  2842. .slider-area .slider_btn {margin:0 auto;}
  2843. .slider_form_wrapper input {width: calc(100% - 90px);}
  2844. .slider_form_wrapper button {width:90px;}
  2845. .slider_main_img_wrapper {top:-10px;}
  2846. .slider_main_img_wrapper img {width:100%; margin-top: 0;}
  2847. .carousel-nevigation {top:auto; bottom:184px;}
  2848. .carousel-nevigation > .next {width:36px; height:36px; line-height: 36px;}
  2849. .carousel-nevigation > .prev {width:36px; height:36px; line-height: 36px;}
  2850. .sm_solution_wrapper {padding: 60px 0; word-break:keep-all;}
  2851. .sms_heading_wrapper h3 {font-size:28px; line-height:1.3;}
  2852. .sb_feature_box_wrapper .sb_feature_circle_cont p {padding-top: 5px; line-height:1.6;}
  2853. .sb_feature_box_wrapper {padding-bottom:30px;}
  2854. .sb_feature_box_wrapper:last-child {padding-bottom:0;}
  2855. .sb_feature_box_wrapper br {display:none;}
  2856. .newsletter_wrapper {margin-bottom:0; padding:60px 10px; word-break:keep-all;}
  2857. .newsletter_content_wrapper h1 {font-size:20px;}
  2858. .newsletter_content_wrapper h5 {margin-top:20px; font-size:16px;}
  2859. .news_btn {margin-top:10px;}
  2860. .header_btn li:first-child a {margin-right:5px;}
  2861. .innovative-idea .single-item .inner-box .icon-box{
  2862. position: relative;
  2863. margin-bottom: 25px;
  2864. }
  2865. .page-title .content-box .bread-crumb li{
  2866. font-size: 20px;
  2867. }
  2868. #image_block_12 .image-box .image-1{
  2869. margin-bottom: 30px;
  2870. }
  2871. #image_block_12 .image-box .image-2{
  2872. position: relative;
  2873. left: 0px;
  2874. bottom: 0px;
  2875. }
  2876. #content_block_42 .content-box .btn-box{
  2877. width: 240px;
  2878. }
  2879. #content_block_42 .content-box .btn-box .theme-btn-two{
  2880. width: 236px;
  2881. margin-bottom: 15px;
  2882. margin-right: 0px;
  2883. }
  2884. .support-section .inner-box .content-box h2{
  2885. line-height: 45px;
  2886. }
  2887. .innovative-idea .single-item .inner-box{
  2888. padding: 0px;
  2889. }
  2890. .testimonial-style-ten .content-box .testimonial-content .author-info:before{
  2891. font-size: 80px;
  2892. }
  2893. #content_block_40 .inner-box .single-item .count-box{
  2894. display: none;
  2895. }
  2896. #content_block_40 .inner-box .single-item .box{
  2897. max-width: 100%;
  2898. box-shadow: none;
  2899. padding: 0px;
  2900. }
  2901. #image_block_43 .image-box{
  2902. min-height: auto;
  2903. }
  2904. #image_block_43 .image-box .image{
  2905. position: relative;
  2906. top: 0px;
  2907. }
  2908. #content_block_40 .inner-box .single-item{
  2909. margin-bottom: 15px;
  2910. padding: 0px;
  2911. }
  2912. #content_block_40 .inner-box .single-item:last-child{
  2913. margin-bottom: 0px;
  2914. }
  2915. #content_block_40 .inner-box .single-item .box:after,
  2916. #content_block_40 .inner-box .single-item .box:before{
  2917. display: none;
  2918. }
  2919. #content_block_40 .inner-box .single-item .box .pattern-bg .pattern-1,
  2920. #content_block_40 .inner-box .single-item .box .pattern-bg .pattern-2{
  2921. display: none;
  2922. }
  2923. #image_block_17 .image-box{
  2924. padding: 0px;
  2925. }
  2926. #image_block_17 .image-box .image{
  2927. display: block;
  2928. }
  2929. #image_block_17 .image-box .image-2,
  2930. #image_block_17 .image-box .image-3,
  2931. #image_block_17 .image-box .image-4{
  2932. display: none;
  2933. }
  2934. .transactions-work .content-box{
  2935. margin-bottom: 30px;
  2936. }
  2937. .transactions-work{
  2938. padding-bottom: 50px;
  2939. }
  2940. .take-control .single-item .inner-box .image-box{
  2941. position: relative;
  2942. margin-bottom: 15px;
  2943. }
  2944. .take-control .single-item .inner-box{
  2945. padding: 0px !important;
  2946. margin-bottom: 30px !important;
  2947. }
  2948. .domain-section .domain-name li{
  2949. width: 50%;
  2950. }
  2951. .ourmission-section .single-item .inner-box .icon-box{
  2952. position: relative;
  2953. margin-bottom: 25px;
  2954. }
  2955. .ourmission-section .single-item .inner-box{
  2956. padding-left: 0px;
  2957. }
  2958. .ourmission-section .single-item{
  2959. padding: 15px 30px 30px 30px;
  2960. }
  2961. .download-section .content-box .download-btn{
  2962. max-width: 220px;
  2963. }
  2964. .download-section .content-box .download-btn a{
  2965. width: 216px;
  2966. }
  2967. .download-section .content-box .download-btn .app-store-btn{
  2968. margin: 0px 0px 15px 0px;
  2969. }
  2970. .banner-style-two .content-box h1,
  2971. .banner-style-three .content-box h1,
  2972. .banner-style-seven .content-box h1,
  2973. .banner-style-eight .content-box h1,
  2974. .banner-style-ten .content-box h1,
  2975. .banner-style-12 .content-box h1,
  2976. .banner-style-13 .content-box h1,
  2977. .banner-style-14 .content-box h2,
  2978. .banner-style-15 .content-box h1,
  2979. .banner-style-17 .content-box h1,
  2980. .banner-style-18 .content-box h1,
  2981. .banner-style-19 .content-box h1,
  2982. .page-title .content-box .title-box h1{
  2983. font-size: 36px;
  2984. line-height: 45px;
  2985. }
  2986. .sec-title h2{
  2987. font-size: 30px !important;
  2988. line-height: 40px !important;
  2989. }
  2990. .main-header.home-3 .menu-area .btn-box{
  2991. display: none;
  2992. }
  2993. .banner-style-four .content-box .btn-box {
  2994. width: 220px;
  2995. }
  2996. .banner-style-four .content-box .btn-box .link-btn{
  2997. width: 201px;
  2998. margin: 0px 0px 15px 0px;
  2999. }
  3000. .main-header.home-5 .menu-right-content{
  3001. display: none;
  3002. }
  3003. .download-apps .content-box .download-btn{
  3004. width: 220px;
  3005. }
  3006. .download-apps .content-box .download-btn .app-store-btn{
  3007. width: 212px;
  3008. margin: 0px 0px 15px 0px;
  3009. }
  3010. .menu-area .btn-box{
  3011. display: none !important;
  3012. }
  3013. #content_block_20 .content-box h1{
  3014. font-size: 36px;
  3015. line-height: 45px;
  3016. }
  3017. .banner-style-11 .content-box .btn-box .btn-one{
  3018. margin: 0px 0px 30px 0px;
  3019. }
  3020. .feature-style-ten .inner-box .content-box h2{
  3021. font-size: 30px;
  3022. line-height: 40px;
  3023. }
  3024. .software-product .content-box .text{
  3025. padding: 0px;
  3026. }
  3027. .banner-style-12 .content-box .btn-box{
  3028. width: 230px;
  3029. }
  3030. .banner-style-12 .content-box .btn-box .btn-one{
  3031. margin: 0px 0px 15px 0px;
  3032. }
  3033. .banner-style-12 .content-box .btn-box .btn-two{
  3034. width: 222px;
  3035. }
  3036. .subscribe-style-three .subscribe-form .form-group button{
  3037. position: relative;
  3038. left: 0px;
  3039. right: 0px;
  3040. width: 100%;
  3041. }
  3042. .subscribe-style-three .subscribe-form .form-group input[type='email']{
  3043. padding-right: 20px;
  3044. }
  3045. .subscribe-style-three .subscribe-form .form-group input[type='email']{
  3046. border: 1px solid #cccccc;
  3047. }
  3048. .subscribe-style-three .subscribe-form .form-group{
  3049. border: 0px;
  3050. padding: 0px;
  3051. }
  3052. .subscribe-style-three .subscribe-form .form-group:before{
  3053. display: none;
  3054. }
  3055. .banner-style-15 .content-box .btn-box{
  3056. width: 205px;
  3057. }
  3058. .banner-style-15 .content-box .btn-box a{
  3059. margin: 0px !important;
  3060. }
  3061. .banner-style-15 .content-box .btn-box .btn-one{
  3062. width: 202px;
  3063. margin: 0px 0px 15px 0px !important;
  3064. }
  3065. .banner-style-15 .content-box .text{
  3066. padding: 0px;
  3067. }
  3068. .free-estimate .inner-box h2{
  3069. font-size: 30px;
  3070. line-height: 35px;
  3071. }
  3072. .banner-style-16 .lower-box .btn-box{
  3073. width: 200px;
  3074. margin: 0 auto;
  3075. }
  3076. .banner-style-16 .lower-box .btn-box a{
  3077. margin: 0px !important;
  3078. width: 200px;
  3079. }
  3080. .banner-style-16 .lower-box .btn-box .btn-one{
  3081. margin: 0px 0px 15px 0px !important;
  3082. }
  3083. .download-apps .content-box .text{
  3084. padding: 0px;
  3085. }
  3086. .main-header.style-three .header-top .inner-container .header-info{
  3087. float: none;
  3088. display: block;
  3089. text-align: center;
  3090. margin-bottom: 10px;
  3091. }
  3092. .main-header.style-three .header-top .inner-container .header-nav{
  3093. float: none;
  3094. display: block;
  3095. text-align: center;
  3096. }
  3097. .domain-section .inner-container{
  3098. padding: 50px 30px;
  3099. }
  3100. .donate-section .content-box .upper-box .btn-box{
  3101. width: 230px;
  3102. }
  3103. .donate-section .content-box .upper-box .btn-box a.btn-one{
  3104. margin: 0px 0px 15px 0px;
  3105. }
  3106. .donate-section .content-box .upper-box .btn-box a.btn-two{
  3107. width: 201px;
  3108. }
  3109. .sidebar-page-container .blog-single-content .inner-box .two-column .image-box{
  3110. margin: 0px 0px 25px 0px;
  3111. }
  3112. .sidebar-page-container .blog-single-content .author-box .author-inner .author-thumb{
  3113. position: relative;
  3114. margin-bottom: 25px;
  3115. }
  3116. .sidebar-page-container .blog-single-content .author-box .author-inner{
  3117. padding-right: 0px;
  3118. }
  3119. .increase-website .content-box h2,
  3120. #content_block_44 .content-box h2{
  3121. line-height: 45px;
  3122. }
  3123. .service-style-four .service-block-three .inner-box{
  3124. min-height: auto;
  3125. }
  3126. .chicklet-list input{
  3127. width: 100%;
  3128. }
  3129. .faq-section .accordion-box .block .content .text{
  3130. padding-right: 0px;
  3131. }
  3132. }
  3133. @media (min-width: 576px) {
  3134. .container {width:auto;}
  3135. }
  3136. @media only screen and (max-width: 449px){
  3137. .main-footer.style-five .footer-bottom .footer-nav li{
  3138. margin: 0px;
  3139. padding: 0px;
  3140. display: block;
  3141. text-align: center;
  3142. }
  3143. #content_block_52 .content-box .events-slide .single-item .date{
  3144. position: relative;
  3145. padding: 0px;
  3146. text-align: left;
  3147. margin-bottom: 15px;
  3148. }
  3149. #content_block_52 .content-box .events-slide .single-item .inner-box{
  3150. padding-right: 30px;
  3151. }
  3152. .main-footer.style-five .footer-bottom .footer-nav li:before{
  3153. display: none;
  3154. }
  3155. .banner-style-16 .lower-box .cs-countdown .count-col{
  3156. margin: 15px;
  3157. }
  3158. .banner-style-16 .lower-box .cs-countdown .count-col span{
  3159. font-size: 40px;
  3160. line-height: 45px;
  3161. }
  3162. #content_block_49 .content-box h2,
  3163. #content_block_50 .content-box h2{
  3164. font-size: 30px;
  3165. line-height: 35px;
  3166. }
  3167. .pagination li{
  3168. margin: 5px;
  3169. }
  3170. .main-footer.style-six .about-widget .download-btn{
  3171. width: 175px;
  3172. }
  3173. .main-footer.style-six .about-widget .download-btn .app-store-btn{
  3174. margin: 0px 0px 15px 0px;
  3175. }
  3176. .banner-style-17{
  3177. padding-bottom: 30px;
  3178. }
  3179. .banner-style-19{
  3180. padding-bottom: 50px;
  3181. }
  3182. .matching .main_visual .container {padding-top:0;}
  3183. }
  3184. @media only screen and (max-width: 399px){
  3185. .main_info strong {font-size:42px;}
  3186. .banner-style-16 .content-box h1 {font-size: 36px;}
  3187. .main_info strong {font-size: 36px;}
  3188. .phpsupport.banner-section .content-box h2 {font-size: 16px;}
  3189. .phpsupport.banner-section .content-box h1 {font-size:30px;}
  3190. .top-filter {flex-flow: row wrap;}
  3191. .top-filter .blog_search {width:100%; margin-left:0; margin-top:8px;}
  3192. .reply_wrap .comment_list {padding-left:0;}
  3193. .comment_list .info {font-size:14px;}
  3194. .comment_list .info .name:after {margin: 0 10px;}
  3195. .comment_list ul .img_box img {margin-right:10px;}
  3196. .banner-style-seven .content-box h2 {font-size:20px;}
  3197. .banner-style-seven .content-box ul {font-size:16px;}
  3198. .shop_solution.banner-section {padding-top:150px;}
  3199. .domain-section .domain-name li,
  3200. .domain-section .search-form .form-group button{
  3201. width: 100%;
  3202. }
  3203. .testimonial-style-six .testimonial-content .content-box:before{
  3204. display: none;
  3205. }
  3206. .portfolio-details .load-more-option a{
  3207. font-size: 18px;
  3208. }
  3209. #content_block_26 .content-box .counter-inner .counter-block{
  3210. width: 100%;
  3211. margin-bottom: 15px;
  3212. }
  3213. #content_block_46 .content-box .link-btn{
  3214. display: none;
  3215. }
  3216. .subscribe-section .content-box .subscribe-form .form-group button{
  3217. width: 100%;
  3218. }
  3219. #content_block_12 .content-box .single-item .icon-box{
  3220. position: relative;
  3221. top: 0px;
  3222. margin-bottom: 15px;
  3223. }
  3224. #content_block_12 .content-box .single-item{
  3225. padding-left: 0px;
  3226. }
  3227. .banner-style-six .content-box .mail-box .form-group button,
  3228. .banner-style-seven .content-box .mail-box .form-group button,
  3229. .banner-style-13 .content-box .mail-box .form-group button,
  3230. .banner-style-14 .content-box .mail-box .form-group button,
  3231. .banner-style-17 .content-box .mail-box .form-group button{
  3232. position: relative;
  3233. border-radius: 30px;
  3234. width: 100%;
  3235. }
  3236. .banner-style-six .content-box .mail-box .form-group input[type='email'],
  3237. .banner-style-seven .content-box .mail-box .form-group input[type='email'],
  3238. .banner-style-13 .content-box .mail-box .form-group input[type='email'],
  3239. .banner-style-14 .content-box .mail-box .form-group input[type='email'],
  3240. .banner-style-17 .content-box .mail-box .form-group input[type='email']{
  3241. padding: 10px 20px;
  3242. margin-bottom: 15px;
  3243. }
  3244. .banner-style-eight .content-box .btn-box{
  3245. width: 200px;
  3246. }
  3247. .banner-style-eight .content-box .btn-box .btn-one{
  3248. margin: 0px 0px 10px 0px;
  3249. }
  3250. .check-work .inner-box .check-form .form-group button{
  3251. width: 100%;
  3252. }
  3253. .designe-process-two .tab-btn-box .tab-btns li{
  3254. width: 100%;
  3255. }
  3256. #content_block_37 .inner-box .company-list li{
  3257. width: 100%;
  3258. margin: 15px auto;
  3259. float: none;
  3260. text-align: center;
  3261. }
  3262. .main-header .menu-right-content{
  3263. display: none !important;
  3264. }
  3265. .banner-style-17 .content-box .download-btn{
  3266. width: 175px;
  3267. }
  3268. .banner-style-17 .content-box .download-btn .app-store-btn{
  3269. width: 170px;
  3270. margin: 0px 0px 15px 0px;
  3271. }
  3272. .banner-style-19 .content-box .btn-box{
  3273. width: 205px;
  3274. }
  3275. .banner-style-19 .content-box .btn-box a.btn-one{
  3276. margin: 0px 0px 15px 0px;
  3277. }
  3278. .banner-style-19 .content-box .btn-box a.btn-two{
  3279. width: 204px;
  3280. }
  3281. .popular-causes .content-box .btn-box .btn-one{
  3282. margin-right: 10px;
  3283. }
  3284. #content_block_51 .content-box .donation-box{
  3285. padding: 50px 15px;
  3286. }
  3287. #content_block_51 .content-box .donation-box .btn-box a{
  3288. width: 240px;
  3289. }
  3290. #content_block_46 .content-box .btn-box .btn-one,
  3291. #content_block_46 .content-box .btn-box .btn-two{
  3292. width: 100%;
  3293. }
  3294. #content_block_46 .content-box .btn-box .btn-one{
  3295. margin-bottom: 10px;
  3296. }
  3297. .events-section .content-box .events-slide .single-item .info-box li{
  3298. margin-right: 0px;
  3299. display: block;
  3300. }
  3301. .subscribe-style-five .content-box .subscribe-form .form-group .theme-btn-two{
  3302. width: 100%;
  3303. }
  3304. .sidebar-page-container .blog-content .single-blog-content .lower-content,
  3305. .sidebar-page-container .blog-single-content .inner-box{
  3306. padding: 40px 15px 0px 15px;
  3307. }
  3308. .sidebar-page-container .blog-content .single-blog-content .lower-content .lower-box .right-content li,
  3309. .sidebar-page-container .blog-single-content .inner-box .lower-box .right-content li{
  3310. margin-right: 10px;
  3311. }
  3312. .banner-section {padding-top:120px;}
  3313. .banner-section .content-box h1 {font-size:46px;}
  3314. .banner-section .content-box h2 {font-size:24px;}
  3315. .banner-section .image-box img {max-width: 600px;}
  3316. }